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

无法获得div中的菜单，点击后单击后退下来

1 个答案: