2013-03-10 30 views
1

将试图解释我的意思:)接近先前打开的div,如果一个div已经打开

我有一个用jQuery打开两个隐藏层时我使用他们,他们俩的作品相当不错...分开......但如果我在另一个打开时打开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/

回答

1

只需滑动其他分区也:

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

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

很不错的,你要包括jsFiddle :)

+0

只是想知道;你测试过了吗? – Daedalus 2013-03-10 23:20:08

+1

做了一个编辑并拧紧它。 – slezica 2013-03-10 23:21:27

+0

那么,问题是,我想关闭以前打开的div ...不打开他们两个。 – Dymond 2013-03-10 23:21:29

1

我不知道有一个函数正是这是否但你可以手动完成。 Check it out

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

    }); 

}); 
0

发现如何。

我只是将隐藏功能添加到div。

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