当点击另一个Jquery时隐藏div

Question

我使用javascript在我的网站上显示和隐藏3个div，但除非再次单击该菜单，否则当前div将保持打开状态。我试图找出当另一个开放时如何使一个div关闭。共有三个div。这是我目前的javascript：

<script type="text/javascript">
$(document).ready(function () {
    $('#slide').click(function () {
        var hidden = $('.hidden');
        if (hidden.hasClass('visible')) {
            hidden.animate({
                "left": "-500px"
            }, "slow").removeClass('visible');
        } else {
            hidden.animate({
                "left": "0px"
            }, "slow").addClass('visible');
        }
    });
});
</script>

非常感谢任何见解！

Answer 1

我会这样做：

$(document).ready(function () {
    $('#slide').click(function () {
        var hidden = $('.hidden').not('.visible');
        var vis = $('.hidden.visible');
        vis.animate({
            "left": "-500px"
        }, "slow").removeClass('visible');
        hidden.animate({
            "left": "0px"
        }, "slow").addClass('visible');
    });
});