Как сделать раскрывающийся блок?

Question

[Anto]

Есть список ul, первый class="a" должен быть открыт, при нажатии на другой пункт меню class="a" закрывается, а другой список раскрывается. Как это реализовать?

<ul class="s">
<li>Text 1
     <ul  class="a active'>
     <li>Text 1,1</li>
     <li>Text 1.2</li>
     <li>Text 1.3</li>
    </ul>
</li>
li>Text 2</li>
li>Text 3
 <ul  class="d">
     <li>Text 3,1</li>
     <li>Text 3.2</li>
     <li>Text 3.3</li>
    </ul>
</li>
</ul>

Comments

[Ярослав Иванов]

bfy.tw/CH0h

[sim3x]

Ярослав Иванов:

Сокращалка не нужна
Если линк на гугл, то лучше делать вот так
https://www.google.com.ua/search?q=%CA%E0%EA+%F1%E...

[Ярослав Иванов]

sim3x: Это чтобы ТС подумал, что я скинул готовое решение.

[sim3x]

Ярослав Иванов:

обманывать не надо, даже если очень хочется

Answer 1

[Rheinmetall]

https://codepen.io/Rheinmetall/pen/KmZbGN
upd. А вот адаптация под твой код https://codepen.io/Rheinmetall/pen/RgrZJy

Comments

[Anto]

Помоги еще пожалуйста, как сделать так чтобы при нажатии повторно на активный элемент он не сворачивался?

[Rheinmetall]

ANTON K.: Поправил

[Anto]

Rheinmetall: Спасибо большое.

[Anto]

Rheinmetall: Помоги еще пожалуйста, вот код https://jsfiddle.net/Antkaz/zojskzg3/3/ смысл тот же что бы при клике на один из пунктов
TEXT 1
TEXT 2
TEXT 3
список раскрывался а при повторном не закрывался но первый пункт (TEXT 1) был активен по умолчанию.