Jquery单击切换功能动画菜单

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/