jQuery if 语句 onclick 事件在 Chrome 中不起作用但在 firefox 浏览器中起作用

Question

我已使用此代码隐藏和显示元素，但我的 JQuery 代码在 else 语句中无法在 chrome 中运行，但在 Firefox 浏览器中可以正常运行。

Code

$(document).ready(function(){
  $(".item-title").on("click",function () {
      $(this).next('div').children().toggle();
      $(this).children().children('.fa-plus-square').hide()
      $(this).children().children('.fa-minus-square').show()
      if ($(this).next('div').children().is(':hidden')){
          $(this).addClass('bb')
      }
      else {
          $(this).removeClass('bb')
      }
  })

不要在 if 语句中删除类

Answer 1

$(document).ready(function(){
  $(".item-title").on("click",function () {
        var currentClickedObject = $(this);
      currentClickedObject.next('div').children().toggle();
      currentClickedObject.children().children('.fa-plus-square').hide();
      currentClickedObject.children().children('.fa-minus-square').show();
      if (currentClickedObject.next('div').children().is(':hidden')){
          currentClickedObject.toggleClass('bb');
      }
      else {
          currentClickedObject.toggleClass('bb');
      }
  });
  });