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().fateTo(500,0);
+
$('#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().fateTo(500,0);
+
  $('#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().fateTo(500,0);
+
  $('#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().fateTo(500,0);
+
        $('#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().fateTo(500,0);
+
         $('#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().fateTo(500,0);
+
       $('#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().fateTo(500,0);
+
         $('#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