javascript - 单击另一个 Jquery 时隐藏 div

Question

我正在使用 javascript 在我的网站上显示和隐藏 3 个 div，但除非再次单击菜单，否则当前 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');
    });
});