Question

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

问题是我需要一个div，当另一个打开时使用相同的切换动画关闭。我想保留它，所以当相关的标题链接，例如。 “项目信息”它将关闭目前正在进行的显示的div。

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

Answer 1

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

我在这里使用链接，这将有所帮助:)所以现在“当另一个打开时使用相同的切换动画关闭一个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，并使用它来执行适当的操作。

在单击功能上显示/隐藏多个div

2 个答案: