第二次单击时未触发jquery事件

我有如下html。我想添加切换功能，其中class=togglediv的div应该在class=grid-1of1的标题上显示或隐藏

问题是当我打开切换时第一次单击就可以了。但当我再次单击header以隐藏div时，不会触发click事件

HTMl:

更改为：

$(document).ready(function(){ // as per comment try the code in this block.
    $('.commonHeader .grid-1of1').off('click').on("click", function(event) {
      var $this = $(event.currentTarget); // make a jquery selector
      $this.siblings('.togglediv').toggle(); // use ".siblings('targetClass')" to toggle
    });
});

您还可以使用

.sibbins（）

方法将要切换的所需div作为目标

或者，您可以尝试将javascript的

节点.nextElementSides

用作：

$($this.nextElementSibling).toggle();

---

$（'.grid-1of1'）。关闭（'click'）。打开（'click'），函数（事件）{
var$this=$（event.currentTarget）；
$this.sides（'.togglediv'）.toggle（）
});

销售跨度

切换div
更改为：

$(document).ready(function(){ // as per comment try the code in this block.
    $('.commonHeader .grid-1of1').off('click').on("click", function(event) {
      var $this = $(event.currentTarget); // make a jquery selector
      $this.siblings('.togglediv').toggle(); // use ".siblings('targetClass')" to toggle
    });
});

您还可以使用
.sibbins（）
方法将要切换的所需div作为目标

或者，您可以尝试将javascript的
节点.nextElementSides
用作：

$($this.nextElementSibling).toggle();



$（'.grid-1of1'）。关闭（'click'）。打开（'click'），函数（事件）{
var$this=$（event.currentTarget）；
$this.sides（'.togglediv'）.toggle（）
});

销售跨度

切换div
试试这个

工作示例

 $('.commonHeader .grid-1of1').click(function () {

     $(this).parent().find('.togglediv').toggle();

});

试试这个

工作示例

 $('.commonHeader .grid-1of1').click(function () {

     $(this).parent().find('.togglediv').toggle();

});

删除
off（'click'）
var$this=event.currentTarget
：我相信jQuery会为您做这件事。这似乎对我有用。您在console中是否有任何错误，您使用的浏览器是什么？无法在代码中重现该问题。我还为引用创建了move
off（'click'）
var$this=event.currentTarget
：我相信jQuery会为您这样做。这似乎对我有用。您在console中是否有任何错误，您使用的浏览器是什么？无法在代码中重现该问题。我还为引用创建了$（'.grid-1of1'）.off（'click'）.on（'click'，function（event）{var$this=$（event.currentTarget）；$this.sides（'.togglediv'）.toggle（））@newtextJS您有任何控制台错误吗？检查是否在此脚本上方添加了jQuery库。控制台中没有错误。如果我在JSFIDLE中单独尝试，它会工作，但不会在我的application@newtextJS可以似乎缺少一个doc ready块。尝试将其包装到document ready块
$（document）.ready（函数（）{//将所有代码放在这里}）
@newtextJS是由一些库代码或一些自定义js代码动态生成的所有这些元素。$（'.grid-1of1'）.off（'click'）.on（'click'，function（event）{var$this=$（event.currentTarget）；$this.sides（'.togglediv'）.toggle（））@newtextJS您有任何控制台错误吗？检查是否在此脚本上方添加了jQuery库。控制台中没有错误。如果我在JSFIDLE中单独尝试，它会工作，但不会在我的application@newtextJS可以似乎缺少一个doc ready块。尝试将其包装到document ready块
$（document）.ready（函数（）{//将所有代码放在这里}）
@newtextJS是由一些库代码或一些自定义js代码动态生成的所有这些元素。