0

我有以下 js 来切换 show_div 类：

$(document).ready(function(){

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

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

我有以下调用 show_div 类的 html：

<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>
4

2 回答 2

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

您需要将事件附加到标签，目前隐藏没有事件

于 2013-10-08T17:23:23.057 回答
2

尝试：

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

DEMO FIDDLE

于 2013-10-08T17:24:01.213 回答