Как закрыть предыдущий пункт?

Question

[Genri_Rus]

Вот пример: https://codepen.io/Genri_Rus/pen/XWWzPKq

Как при клике скрывать предыдущий пункт ?

И еще такая проблема, я добавил классу item - класс active, чтобы первый пункт всегда был открыт
Но возникла одна проблема, если я первый раз скрываю данный пункт, то slideToggle на него с первого раза не срабатывает

А как сделать, чтобы он с первого раза при скрытии плавно скрывался ?

Answer 1

[Ice]

Как вариант, схлопывать все и показывать один

$('.item__title').on('click', function(){
    $('.item__open').hide(300);
    $(this).next().slideToggle(300);
    $(this).parent().toggleClass('active');
});

Comments

[Genri_Rus]

В данном случае теперь я не могу скрыть первый пункт: https://codepen.io/Genri_Rus/pen/XWWzPKq

[Genri_Rus]

Что можно в данном случае сделать ?

Допустим, чтобы можно было все пункты по клику скрыть ?

[Genri_Rus]

Ваш скрипт не может закрыть все вкладки, а мне нужно, чтобы по каждому отдельному клику по вкладкам - она также могла закрываться

Если подскажите как реализовать именно такой функционал, то буду очень рад