Как сделать простейший аккордеон?

Question

[Алексей]

Без всяких наворотов стилей (по клику).
текст ⯆
->

текст ⯅
  подтекст1
  подтекст2
  подтекст3

Единственное чтобы хотелось иметь -изменение стрелки и небольшую плавность
Все примеры которые находил в инете с какими то наворотами

Comments

[Алексей]

Drakonoved, ну коль вы такой мастер может и ссылку дадите?

[Алексей]

Drakonoved, ну и где? Я это уже и так все посмотрел...

Answer 1

[Даниил Сугоняев]

<div class="container">
  <div class="open">Открыто</div>
  <div class="close">
  <div class="item">Скрыто</div>
  <div class="item">Скрыто</div>
  <div class="item">Скрыто</div>
</div>
</div>

.close {
  display: none;
}

$('.open').on('click', function() {
	$(this).siblings('.close').slideToggle();
})

Вот без наворотов если)

Comments

[Алексей]

не работает и ругается

[Даниил Сугоняев]

Алексей, Все работает. Еще более упростил вам код. У вас выдает ошибку потому что код на Jquery

[Алексей]

А как подключить Jquery ? и куда на сайте вставлять код Jquery?