Как правильно скрыть/показать контент на jQuery (add/remove/toggle Class)?

Question

[Человек]

Здравствуйте.
Нужна помощь с атрибутами add/remove/toggleClass.

Как сделать правильно, чтобы при нажатии следующего элемента, не скрывалась "выпадайка" предыдущего:
https://goo.gl/Qmluwm
Нужно, чтобы она скрывалась только, когда нажать на сам элемент (при нажатии на дочерние элементы(чекбоксы) не должно скрывать)

То есть нужно сделать так как на этой странице:
https://goo.gl/CQvak7

Разметку редактировать не могу, потому что там плагин. То что я написал:

<script type="text/javascript"> 

$(".pl-drop_down").click(function(){
    $(this).addClass("open-list");
}); 

$(".pl-drop_down span").click(function(){
    $(".pl-drop_down").removeClass("open-list");
}); 


</script>

Answer 1

[doctorcat]

Например вместо addClass и removeClass. Использовать:
$( ".selector" ).toggleClass( "open-list" )

Comments

[Человек]

Да, я немного не правильно написал описание вопроса. Уже исправил.

Там в каждом элементе одинаковые классы, и если сделать так как вы написали, то оно будет применено ко всем элементам.

[doctorcat]

Если сделать через this то не будет

[Человек]

doctorcat: https://goo.gl/hV137s