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/