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

我不确定是否有完全相同的功能，但你可以手动完成。 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();

    });

});

Answer 3

了解如何。

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

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

如果div已经打开，则关闭上一个打开的div

3 个答案: