Jquery нажмите Toogle функция анимированного меню

Question

Я не знаю, как сделать что-то вроде того, что ul.list скользит вниз после первого щелчка и скользить вверх после второго щелчка с помощью .animate Пожалуйста, помогите

$(document).ready(function(){ 
$(".listopen").click().toggle(
    function() { 
     $(".list").animate({top:"0px"}); 
    }, 
    function() { 
     $(".list").animate({top:"-120px"}); 
    }, 
); 
}); 

 

Answer 1

Попробуйте это:

<ul class="listopen">Click 
    <li class="list">Test</li> 
    <li class="list">Test2</li> 
     </ul> 

$('.listopen').click(function() 
{  
    $(".list").toggle(function() 
    { 
    $(this).animate({ 
      top:"150px" 
     }); 
    }, function() 
    { 
    $(this).animate({ 
      top:"-150px" 
     }); 
    }); 


    }); 

Пример: http://jsfiddle.net/b9386fk1/