無法獲取菜單在div上被點擊返回點擊

Question

我想要創建的是一個菜單，從頁面的頂部與JQuery下來。 這一切都運行良好，下面的代碼。

<div id="menu"> 
    <div id="menucontentwrapper"> 
     <div id="menucontent"></div> 
    </div> 
    <div id="menutabwrapper"> 
     <div id="menutab">MENU</div> 
    </div> 
</div> 
<script> 
$('#menutab').click(function() { 
$('#menu').animate({ 
top: '+=200', 
}, 1000, function() { 
// Animation complete. 
}); 
}) 
</script> 

所以對「menutab」的點擊div的，整個事情歸結到我想要的位置，但我想它要回去了，當人們在「menutab」一次什麼都我嘗試點擊它似乎沒有工作。

我希望有人能幫助我。

在此先感謝！

Answer 1

試試這個：

$('#menutab').click(function() { 
    $('#menutab').hide(); 
    $('#menu').animate({ 
     top: '0px' 
    }, 1000, function() { 
     // Animation complete. 
     }); 
}); 


$('#menu').mouseleave(function() { 
    if($(this).css("top")=='0px') { 
     $(this).animate({ 
      top: '-200px' 
     }, 1000, function() { 
      $('#menutab').show(); 
     }); 
    } 
});