Template:Team:TU Munich/Menu
From 2011.igem.org
(Difference between revisions)
Line 234: | Line 234: | ||
$('.subnavpoint').not('.curlink').css("color","#CCCCCC"); | $('.subnavpoint').not('.curlink').css("color","#CCCCCC"); | ||
$('.subnavtopic').not('.curlink').css("color","#CCCCCC"); | $('.subnavtopic').not('.curlink').css("color","#CCCCCC"); | ||
- | $('#subnavtopics ul').stop(). | + | $('#subnavtopics ul').stop().fadeTo(500,0); |
$('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function(){ | $('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function(){ | ||
$('#navtopics').addClass("ui-corner-bottom")} | $('#navtopics').addClass("ui-corner-bottom")} | ||
Line 246: | Line 246: | ||
$('.subnavpoint').not('.curlink').css("color","#CCCCCC"); | $('.subnavpoint').not('.curlink').css("color","#CCCCCC"); | ||
$('.subnavtopic').not('.curlink').css("color","#CCCCCC"); | $('.subnavtopic').not('.curlink').css("color","#CCCCCC"); | ||
- | $('#subnavtopics ul').stop(). | + | $('#subnavtopics ul').stop().fadeTo(500,0); |
$('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function(){ | $('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function(){ | ||
$('#navtopics').addClass("ui-corner-bottom") | $('#navtopics').addClass("ui-corner-bottom") | ||
Line 262: | Line 262: | ||
$('.subnavtopic').not('.curlink').css("color","#CCCCCC"); | $('.subnavtopic').not('.curlink').css("color","#CCCCCC"); | ||
$(this).css("color","#4D4DDB"); | $(this).css("color","#4D4DDB"); | ||
- | $('#subnavtopics ul').stop(). | + | $('#subnavtopics ul').stop().fadeTo(500,0); |
$('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function(){ | $('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function(){ | ||
$('#navtopics').addClass("ui-corner-bottom") | $('#navtopics').addClass("ui-corner-bottom") | ||
Line 378: | Line 378: | ||
$('.subnavpoint').not('.curlink').css("color","#CCCCCC"); | $('.subnavpoint').not('.curlink').css("color","#CCCCCC"); | ||
$('.subnavtopic').not('.curlink').css("color","#CCCCCC"); | $('.subnavtopic').not('.curlink').css("color","#CCCCCC"); | ||
- | $('#subnavtopics ul').stop(). | + | $('#subnavtopics ul').stop().fadeTo(500,0); |
$('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function() { | $('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function() { | ||
$('.navpoint').not('.curlink').css("color","#CCCCCC"); | $('.navpoint').not('.curlink').css("color","#CCCCCC"); | ||
Line 401: | Line 401: | ||
$('.navpoint').not('.curlink').css("color","#CCCCCC"); | $('.navpoint').not('.curlink').css("color","#CCCCCC"); | ||
$('.navtopic').not('.curlink').css("color","#CCCCCC"); | $('.navtopic').not('.curlink').css("color","#CCCCCC"); | ||
- | $('#navtopics ul').stop(). | + | $('#navtopics ul').stop().fadeTo(500,0); |
$('#navtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce'}); | $('#navtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce'}); | ||
} | } | ||
Line 407: | Line 407: | ||
$('.subnavpoint').not('.curlink').css("color","#CCCCCC"); | $('.subnavpoint').not('.curlink').css("color","#CCCCCC"); | ||
$('.subnavtopic').not('.curlink').css("color","#CCCCCC"); | $('.subnavtopic').not('.curlink').css("color","#CCCCCC"); | ||
- | $('#subnavtopics ul').stop(). | + | $('#subnavtopics ul').stop().fadeTo(500,0); |
$('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function() { | $('#subnavtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce', complete: function() { | ||
$('navtopics').addClass("ui-corner-bottom") | $('navtopics').addClass("ui-corner-bottom") | ||
$('.navpoint').not('.curlink').css("color","#CCCCCC"); | $('.navpoint').not('.curlink').css("color","#CCCCCC"); | ||
$('.navtopic').not('.curlink').css("color","#CCCCCC"); | $('.navtopic').not('.curlink').css("color","#CCCCCC"); | ||
- | $('#navtopics ul').stop(). | + | $('#navtopics ul').stop().fadeTo(500,0); |
$('#navtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce'}); | $('#navtopics').stop().animate({height:0},{duration: 1000, easing: 'easeOutBounce'}); | ||
} | } |
Revision as of 17:39, 2 September 2011