javascript - 如果 div 已经打开，则关闭之前打开的 div

Question

将尝试解释我的意思:)

我有两个用 jquery 打开的隐藏 div，它们都工作得很好......当我分开使用它们时......但是如果我在另一个打开的时候打开 div，第一个会一直打开在后台...我想关闭那个。

我可以使用 if else 函数吗？

这就是我目前所拥有的。

$(document).ready(function(){

        $(".contactDiv").hide();
        $(".show_hide_contact").show();

    $('.show_hide_contact').click(function(){
    $(".contactDiv").slideToggle();
    });

});
        $(document).ready(function(){
         $(".loginDiv").hide();
        $(".show_hide_login").show();

    $('.show_hide_login').click(function(){
    $(".loginDiv").slideToggle();
    });

});

我创建了一个 jsfiddle 来展示更多内容。

http://jsfiddle.net/h2Hfg/

Answer 1

也只需滑动另一个 div:

$('.show_hide_contact').click(function() {
    $(".contactDiv").slideToggle();
    $(".loginDiv").slideUp();
});

$('.show_hide_login').click(function(){
    $(".loginDiv").slideToggle();
    $(".contactDiv").slideUp();
});

非常感谢你加入 jsFiddle :)