Changeset 4354

Timestamp:

01/27/14 16:14:15 (10 years ago)

Author:

twagoo

Message:

animation of expand/collapse in mockup

Location:

vlo/branches/vlo-3.0/vlo-web-app/src/main/html

Files:

• js/vlo-facets.js (modified) (4 diffs)
• style/vlo-facets.css (modified) (1 diff)

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/js/vlo-facets.js

@@ -22 +22 @@
         event.preventDefault();
         var p = $(this).parent(".collapsedfacet");
+        p.find(".sbilinks").show(200);
         p.addClass("expandedfacet");
         p.removeClass("collapsedfacet");
@@ -28 +29 @@
         event.preventDefault();
         var p = $(this).parent(".expandedfacet");
+        p.find(".sbilinks").hide(200);
         p.addClass("collapsedfacet");
         p.removeClass("expandedfacet");
@@ -40 +42 @@
         var form = $(this).parent(".sidebaritem").find(".filterform");
         form.siblings(".sbilinks").find("li").show();
-        form.toggle(function(event) {
+        form.toggle(100, function(event) {
             var input = form.children("input");
             input.val('');
@@ -63 +65 @@
         }
     };
-    
+
     $(".filterform input").on('input', filterHandler);
-    
+
     /* Facet values popup */
-    
-    $(".more-link").click(function(event){
+
+    $(".more-link").click(function(event) {
         event.preventDefault();
         $("#facetvalues").toggle();
     });
-    
-    $("#facetvalues a").click(function(event){
+
+    $("#facetvalues a").click(function(event) {
         event.preventDefault();
         $("#facetvalues").toggle();

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo-facets.css

@@ -33 +33 @@
 
 /* facet collapse/expand */
-
 a.expandfacet, a.collapsefacet {
     float: right;
     margin-top: .5em;
     margin-right: 1em;
+}
+
+a.expandfacet:hover, a.collapsefacet:hover {   
+    text-decoration: none;
 }