"

From 2012.igem.org

Revision as of 00:42, 22 August 2012 (view source) Leah3393 (Talk | contribs) ← Older edit		Revision as of 23:08, 28 September 2012 (view source) Leah3393 (Talk | contribs) Newer edit →
Line 18:		Line 18:
	});		});
		+
		+	function colorize_menu(menu_name)
		+	{
		+	$('#results').css("background", "transparent");
		+	$('#notebook').css("background", "transparent");
		+	$('#human_outreach').css("background", "transparent");
		+	$('#safety').css("background", "transparent");
		+	$('#project').css("background", "transparent");
		+	$('#our_team').css("background", "transparent");
		+	$('#home').css("background", "transparent");
		+	$('#'+menu_name).css("background", "#05c0a8");
		+	}

---

Revision as of 23:08, 28 September 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" });

   });

function colorize_menu(menu_name) { $('#results').css("background", "transparent"); $('#notebook').css("background", "transparent"); $('#human_outreach').css("background", "transparent"); $('#safety').css("background", "transparent"); $('#project').css("background", "transparent"); $('#our_team').css("background", "transparent"); $('#home').css("background", "transparent"); $('#'+menu_name).css("background", "#05c0a8"); }