Jquery隐藏所有Div click函数问题和appendTo content

我有一个“Jquery隐藏所有Div单击函数”，其中一个按钮可以隐藏/扩展特定的Div类。如果我把我的超链接和工作放在DIV中，它就会起作用，直到我从另一个内容容器使用appendTo函数自定义了我的DIV内容

问题：单击span按钮时，将显示显示的DIV（带有超链接和文字）。但当我单击显示的DIV的任意位置（即非超链接）时，DIV将关闭。超链接将起作用，并且不会关闭DIV

帮助：需要有关如何在单击任何节或非超链接时禁用，以及如何不关闭显示的DIV的帮助

这是我这期杂志的模型-

这是我的密码-

<div class="Toggle_HideAll_Container">
    <div class="container">
<div class="menu_r1c1"></div><br>
<div class="menu_r2c1"></div><br>
</div>

<span>Button hide/expand 1</span>
</div>

<span class="content1">
<a href="http://google.com" target="_blank">Content1 Link 1</a> Dont include this text in the jquery click<br><br>
<a href="http://google.com" target="_blank">Content1 Link 2</a> Dont include this text in the jquery click<br><br>
</span>

<span class="content2">
<a href="http://google.com" target="_blank">Content2 Link 1</a> Dont include this text in the jquery click<br><br>
<a href="http://google.com" target="_blank">Content2 Link 2</a> Dont include this text in the jquery click<br><br>
</span>

如果您需要更多信息，非常感谢您在这方面的帮助。谢谢。

尝试在选择器中使用

：contains（）

来指定应切换元素的

span

元素，因为其他

span

元素包含在

中。切换\u HideAll\u容器

$('.Toggle_HideAll_Container span:contains(Button hide/expand 1)')
.click(function(){
    var $this = $(this).parent().find('div');
    $(".Toggle_HideAll_Container div").not($this).hide();
    $this.toggle();
}); 

jsFIDLE

您可以尝试以下方法：

$('.Toggle_HideAll_Container > span').click(function(){
    var $this = $(this).parent().find('div');
    $(".Toggle_HideAll_Container div").not($this).hide();
    $this.toggle();
}); 

这是你的电话号码

说明：

以前，您选择的是下的所有

span

Toggle\u HideAll\u Container

但您只需要最后一个

span

和文本

按钮隐藏/展开1

因此，您可以给它一个

ID

或选择 直接

span子对象

Toggle\u HideAll\u Container`

---

抱歉再次询问-guest271314。。。如何用span？的id或类替换span:contains（按钮隐藏/展开1）？。。。如果你不介意的话。即

$('.Toggle_HideAll_Container > span').click(function(){
    var $this = $(this).parent().find('div');
    $(".Toggle_HideAll_Container div").not($this).hide();
    $this.toggle();
});