Всем привет.
Помогите решить проблему я в js не очень разбираюсь
Как сделать чтобы по клику как на скрине

был желтый фон и кнопка минус.
Пр повторном нажатие на кнопку уже кнопка + и без фона.
Я сделал так
https://jsfiddle.net/Timwer/3er43tx2/но не верно работает, при нажатиии не закрывает пункт предыдущий и фон не могу нормально сделать и кнопку + -
Код js
$(document).ready(function(){
$(".add_itm").on("click", function(){
if($(this).hasClass('active')){
$(this).removeClass("active");
}else{
$(this).parent().next().slideToggle(200);
}
});
});