jquery - 在点击功能上显示/隐藏多个 div

Question

http://jsfiddle.net/studioband/pG87G/6/ 此链接是我正在设计的网站的一部分。我已经设法让显示/隐藏和滑动切换工作，当您单击“项目信息”或“订阅”链接时，您可以看到这一点。

问题是我需要一个 div 在另一个以相同的切换动画打开时关闭。我想在相关标题链接时保留它，例如。'project info' 它将像当前一样关闭显示的 div。

我已经研究并发现了具有类似问题的帖子，但未能成功找到适用于 jquery 1.7+ 的正确解决方案。

Answer 1

Hiya演示 http://jsfiddle.net/PquXL/show 或 http://jsfiddle.net/PquXL/

我在这里使用链接，这将有所帮助:) 所以现在“当另一个 div 以相同的切换动画打开时关闭一个 div”让我知道我是否错过了任何东西。

请避免使用准备好的2个文件，干杯！

jQuery代码

/* PROJECT REVEAL DIV*/
/* SUBSCRIBE REVEAL DIV*/
$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

        $(".slidingDiv_subscribe").hide();
        $(".show_hide_subscribe").show();

    $('.show_hide').click(function(){
        //$(this).toggle();
        $(".slidingDiv_subscribe").slideUp();
        $(".slidingDiv").slideToggle();
    });


    $('.show_hide_subscribe').click(function(){
        //$(this).toggle();
         $(".slidingDiv").slideUp();
        $(".slidingDiv_subscribe").slideToggle();
    });



});​

Answer 2

编写一个绑定到您的事件的 javascript 函数。

在函数内部，获取您想要隐藏/显示的 div 元素的 id 并使用它来执行适当的操作。