Javascript 如果没有onclick="；在html中显示隐藏（这个），但是在jquery中？

我想把这个函数放在html中：

onclick=“showHide（此）”

但是通过jquery

HTML:

）请帮忙

您必须保留以下行为： -当我使用options类单击第一个div时，将显示相应的.showHide div，并隐藏之前打开的任何其他div.showHide

-当我再次单击options类的div时，相应的.showHide div被隐藏

Jquery方法：

$（'.options'）。单击（function（）{$（this）.next（“.showHide”）.toggle（）；}）；

通过删除

.hide（“.showHide”）.hide（）

其他showHide类将保持原样

$（'.showHide'）.toggle（）；
$（'.options'）。单击（函数（）{
$（this.next（“.showHide”）.toggle（）；
});
/*函数showHide（btnxxx）{
$（btnxxx）.next（“.showHide”）.toggle（）；
}*/

这是按钮。
这是一个隐藏和显示的div。
这是按钮。
这是一个隐藏和显示的div。
这是按钮。
这是一个要隐藏和显示的div。

您提到的问题是由于

兄弟姐妹（）

函数造成的。兄弟姐妹应该嵌套在同一个包装器中

$（'.mi_cuenta_opciones--detalles'）.hide（）；
$（'.mi_cuenta_opciones--iconos'）。单击（函数（）{
$（this）.next（“.mi_cuenta_opciones--detalles”）.toggle（）.closest（'tr'）.this（'tr'）.find（'mi_cuenta_opciones--detalles'）.hide（）；
})；

表格{
边框：1px实心#000；
}
mi_cuenta_opciones先生{
位置：相对位置；
}
mi_cuenta_opciones先生——iconos{
左侧填充：20px；
颜色：#000；
}
mi_cuenta_opciones先生-detalles{
宽度：144px；
高度：自动；
边框：0.5px实心#ccc；
背景色：#fff；
/*位置：绝对位置*/
位置：绝对位置；
顶部：22px；
左：60px；
z指数：1；
}

Pedido1
选择素
Pedido2
选择素
Pedido3
选择素

第一步，回顾并学习如何创建事件绑定。@ygovi.清楚地解释问题您好，这是可行的！但当我尝试将其传递给另一个代码时，结果与我给出的示例不同：（我不知道为什么。我把代码留在这里，以防你能帮我找到codepen.io/ygovi/pen/GRobpbe。我真的不明白为什么它在示例中工作，在这段代码中我不需要附加更多的html代码。我认为jQuery无法正确选择DOM。或者你可以调试

click

事件是否触发或不使用alert或c。）如果它通过调试返回

$（this）

值，则通过

console.log（$（this））

。代码在这里：（不允许我将其粘贴到注释中，因为它超过了字母的限制）请将有问题的代码包含在注释中，而不是注释中。我已经解决了它，在您更改后我将更新我的答案。

<div id="div" class="options" onclick="showHide(this)">This is the button.</div>
<div id="divcontent" class="showHide">This is a div to hide and show.</div>
<div id="div2" class="options" onclick="showHide(this)">This is the button.</div>
<div id="divcontent2" class="showHide">This is a div to hide and show.</div>
<div id="div3" class="options" onclick="showHide(this)">This is the button.</div>
<div id="divcontent3" class="showHide">This is a div to hide and show.</div>

$('.showHide').hide(); 

function showHide(btnxxx) {
  $(btnxxx).next(".showHide").toggle().siblings(".showHide").hide();
}