Team:UT Dallas/script.js

From 2012.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
-
      $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*) 
+
    $(document).ready(function(){   
-
         
+
-
        $("ul.topnav li span").click(function() { //When trigger is clicked... 
+
-
             
+
-
            //Following events are applied to the subnav itself (moving subnav up and down) 
+
-
            $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click  
+
        
        
-
            $(this).parent().hover(function() {
+
        $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*) 
-
            }, function(){  
+
         
-
                $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
+
$("ul.topnav li a") .mouseover(function() { //When trigger is clicked...
-
            });
+
//Following events are applied to the subnav itself (moving subnav up and down)
 +
$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
 +
$(this).parent().hover(function() {
 +
}, function(){
 +
$(this).parent().find("ul.subnav").slideUp('medium'); //When the mouse hovers out of the subnav, move it back up
 +
});
 +
//Following events are applied to the trigger (Hover events for the trigger)
 +
}).hover(function() {
 +
$(this).addClass("subhover"); //On hover over, add class "subhover"
 +
}, function(){ //On Hover Out
 +
$(this).removeClass("subhover"); //On hover out, remove class "subhover"
 +
$(this).addClass("subout");
 +
});
        
        
-
            //Following events are applied to the trigger (Hover events for the trigger) 
+
    });
-
            }).hover(function() { 
+
 
-
                $(this).addClass("subhover"); //On hover over, add class "subhover" 
+
function colorize_menu(menu_name)
-
            }, function(){ //On Hover Out 
+
{
-
                $(this).removeClass("subhover"); //On hover out, remove class "subhover" 
+
$('#'+menu_name).css("background", '#2bc4b6');
-
        });
+
}

Latest revision as of 22:54, 1 October 2012

   $(document).ready(function(){  
     
       $("ul.subnav").parent().append(""); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)

$("ul.topnav li a") .mouseover(function() { //When trigger is clicked... //Following events are applied to the subnav itself (moving subnav up and down) $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click $(this).parent().hover(function() { }, function(){ $(this).parent().find("ul.subnav").slideUp('medium'); //When the mouse hovers out of the subnav, move it back up }); //Following events are applied to the trigger (Hover events for the trigger) }).hover(function() { $(this).addClass("subhover"); //On hover over, add class "subhover" }, function(){ //On Hover Out $(this).removeClass("subhover"); //On hover out, remove class "subhover" $(this).addClass("subout"); }); 

   });

function colorize_menu(menu_name) { $('#'+menu_name).css("background", '#2bc4b6'); }

Retrieved from "http://2012.igem.org/Team:UT_Dallas/script.js"