接近先前打開的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/

來源

2013-03-10 Dymond

只需滑動其他分區也：

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

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

很不錯的，你要包括jsFiddle :)

來源

2013-03-10 23:18:05 slezica

只是想知道;你測試過了嗎？ – Daedalus 2013-03-10 23:20:08

做了一個編輯並擰緊它。 – slezica 2013-03-10 23:21:27

那麼，問題是，我想關閉以前打開的div ...不打開他們兩個。 – Dymond 2013-03-10 23:21:29

我不知道有一個函數正是這是否但你可以手動完成。 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(); 

    }); 

});

來源

2013-03-10 23:25:38 Ares

發現如何。

我只是將隱藏功能添加到div。

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

來源

2013-03-10 23:27:06 Dymond

接近先前打開的div，如果一個div已經打開

回答

相關問題