添加到 (this)、切换 (this) 时从兄弟姐妹中删除类

Question

我正在建造一个可以扩展和收缩的小型画廊。父 div 展开，子 div 展开。我希望在单击同级时删除“打开”类，但也希望能够在单击当前“打开”div 时从所有“.panel”div 中删除“打开”。父 div 也扩展为“.full”类。

$(document).ready(function() {
  $('.panel').on('click', function(e) {
    $('.panel').removeClass("open");
    $(this).toggleClass("open"); //this is not working
    if ($(this).hasClass('open')) {
      $(this).parent().addClass("full");
    } else {
      $(this).parent().removeClass("full");
    }
  });
});

Answer 1

您正在从所有 .panel 元素中删除该类，其中包括用户单击的元素。您需要排除当前元素：

$('.panel').not(this).removeClass("open");