Jquery单击切换功能动画菜单

我不知道如何使用.animate使ul.list在第一次单击后向下滑动，在第二次单击后向上滑动

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

试试这个：

<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"
        });
    });


   });

点击

测试

测试2 $（'.listopen'）。单击（函数（） { $（“.list”）.toggle（函数（） { $（此）。设置动画({ 顶部：“150px” }); }，函数（） { $（此）。设置动画({ 顶部：“-150px” }); }); }); 例如：