Question

点击功能显示/隐藏多个 div

2012-05-16

425

jquery

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

问题是，当一个 div 以相同的切换动画打开时，我需要关闭另一个 div。我想保留它，这样当相关标题链接（例如“项目信息”）时，它将关闭显示的 div，就像它当前所做的那样。

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

Answer 1

嗨，演示 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，并使用它来执行适当的操作。