Target в настоящее время щелкнул экземпляр элемента

Question

У меня есть несколько экземпляров кнопочного элемента:

<div id="openambiance" class="openclose leftside"></div> 
<div id="opendesign" class="openclose rightside"></div> 
<div id="openperform" class="openclose leftside"></div> 

Они несут разные идентификаторы, как нажать на каждый из них открывает другую панель. Я бы хотел, чтобы в настоящее время открытая панель переключает фокус кнопки открытия/закрытия в соответствии с определением в .openclose-active. Реальность, однако, все они затронуты. Мой исходный код выглядел так, и я быстро понял, почему все они получать пострадали:

$(document).ready(function() { 
    $("#openambiance").click(function(e){ 
     $("#hiddenambiance").slideToggle(600,"easeInOutQuint"); 
     $(".openclose").toggleClass("openclose-active"); 
    }); 
}); 

Так что я попытался ориентированные на конкретные элементы:

$(this).find(".openclose").toggleClass("openclose-active"); 

Это не удалось, поэтому я пошел на .siblings,. следующий и .parent, но не повезло. Они все еще либо все включены, либо только предыдущие экземпляры переключаются. Я потерял :(

Answer 1

this является элемент, который вы ищете

$(document).ready(function() { 
    $("#openambiance").click(function(e){ 
     $("#hiddenambiance").slideToggle(600,"easeInOutQuint"); 
     $(this).toggleClass("openclose-active openclose"); 
    }); 
}); 

Вы нажимаете на кнопку, которая имеет класс openclose, так что вам нужно переключить класс для this элемента не для какой-либо его потомков