显示/隐藏来自多个按钮

一个DIV我有以下JS来切换show_div类：显示/隐藏来自多个按钮

$(document).ready(function(){ 

    $(".slidingDiv").hide(); 
    $('.show_div').show(); 

    $('.show_div').click(function(){ 
    $(".slidingDiv").slideToggle(); 
    }); 
});

我有以下的HTML调用show_div类：

<div> 
<a href="#" data-color="red" class="show_div"><img src="../red.png" /></a> 
<a href="#" data-color="blue" class="hide_div"><img src="../blue.png" /></a> 
</div>

当我点击red.png链接，出现show_div。当我点击blue.png链接时，我无法弄清楚如何让show-div隐藏起来。

当我向blue.png添加一个类来隐藏show_div时，它最终隐藏了blue.png。 red.png应该切换显示/隐藏show_div。虽然blue.png应该确保show_div是隐藏的。

添加代码：

<div class="slidingDiv"> 
<div class="show_div"> 
<a onClick="window.open('listing.html','_blank');">this is red</a> 
</div> 
</div>

来源

2013-10-08 need2nobasis

尝试：

$("a").click(function(){ 
    $(".slidingDiv").slideToggle(); 
    });

DEMO FIDDLE

来源

2013-10-08 17:24:01 Unknown

argh - 我讨厌它，当人们在我后面的几秒钟内得到了答案（:)因为我的自尊感依附于我的SO点，这对于这个帐号来说真的很低......大声笑）......哦，我可能不应该去编辑。活得长久，繁荣...... –

@ BenA.Hilleli嘿兄弟。我们都回答了8秒的差异。如果我看到你的帖子，我就不会回答。无论如何+1为你。 – Unknown

@未知感谢您的帮助，我想只有red.png调用show_div。如果它打开，蓝色应该关闭它。 – need2nobasis

$("a").click(function(){ 
$(".slidingDiv").slideToggle(); 
});

您需要事件附加到标签，上有隐藏任何情况下，目前

来源

2013-10-08 17:23:23

感谢您的帮助，我想只有red.png调用show_div。如果它打开，蓝色应该关闭它。 – need2nobasis

显示/隐藏来自多个按钮

回答

相关问题