Как сделать выпадающие блоки с описанием?

Question

[Владимир Володин]

Сделал вообщем то сам. Но мне кажется что не правильно. Много кода и есть смещение блоков относительно кнопок. Хотелось бы что бы каждый блок выпадал точно из под своей кнопки.
Мое решение здесь: https://codepen.io/vvv7220/pen/wOeeRG
Если это возможно помогите оформить мою идею более правильно, элегантно.

Comments

[Ankhena]

Хотелось бы что бы каждый блок выпадал точно из под своей кнопки.

Блок-кнопка и блок-текст должны иметь общего родителя либо блок-текст должен быть внутри блока-кнопки.
И absolute для блока-текста и relative для его родителя.

Типа того: https://jsfiddle.net/s75m61uv/
Только у меня при hover.

Answer 1

[krka92]

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

$(".open_card").click(function(){
    const index = $(".open_card").index(this);
});

Все гуглится