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:)

Answer 2

我不确定是否有一个功能可以做到这一点，但你可以手动完成。 看看这个

$(document).ready(function(){


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

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

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

    });

});

Answer 3

发现如何。

我刚刚将隐藏功能添加到 div 中。

$('.show_hide_contact').click(function(){
$(".contactDiv").slideToggle();
    $(".loginDiv").hide(); /* there is hiding prev opened tag*/
});