Помогите с проблемой!!! Есть меню типа аккордион с "n"-ым кол-ом section. Меню я всё сделал как аккордион оно работает замечательно, но делаю кнопку показать всё, она срабатывает во всех section и если я захожу в другой section перед этим нажав на кнопку показать всё там уже всё открыто.
<div class="accordion">
<section>
<h1>Бренд</h1>
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
<button>Показать всё</button>
</section>
<section>
<h1>Бренд</h1>
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
<button>Показать всё</button>
</section>
</div>
вот скелет кода и вот как должно быть
пункты аккордиона
список в аккордионе
расскрытый список в аккордионе
Изначально при заходе в section должно показываться 4 пункта, а по клику показать плавно разворачивать список, а слово показать менять на скрыть. Надеюсь в полной мере объяснил свою проблему
