Аккордеон на грязном jQuery⁠⁠

Учебный пример! Не использовать нигде!

HTML

Добавим только триггер и содержимое:

<button class="js-accordion">
 Click me?
</button>
<div class="content">
 Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic iure eaque id repudiandae autem doloremque asperiores dolorum ullam molestias! Quidem sint quis quam quisquam at rem repellat! Magni, doloribus eaque!
</div>

CSS

Скрываем содержимое по умолчанию:

.content {
 display: none;
}

jQuery

// При клике на кнопку
$('.js-accordion').on('click', function() {
 // раскрываем следующий элемент
 $(this).next().slideToggle();
});

В итоге вся магия в методе .slideToggle(). Можете еще почитать о .next() и .on(), хотя пожалуй не стоит. Лучше посетите мой codepen :)