添加到（this）时，从兄弟中删除类，切换（this）

Question

我正在建立一个扩展和收缩的小画廊。父div扩展，子节点扩展。我想要课程＆＃34;打开＆＃34;单击兄弟时要删除，但也希望能够删除＆＃34;打开＆＃34;来自所有＆＃34; .panel＆＃34;当前＆＃34;打开＆＃34;单击div。父div也扩展为一个类＆＃34; .full＆＃34;。

$(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");