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/