"
Team:UT Dallas/script.js
From 2012.igem.org
(Difference between revisions)
| Line 3: | Line 3: | ||
$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*) | $("ul.subnav").parent().append("<span></span>"); //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" | |
| - | + | }); | |
| - | + | ||
| - | + | ||
| - | + | ||
}); | }); | ||
Revision as of 22:29, 16 August 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" });
});
