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

Question

[Даниил Иванов]

Здравствуйте! Возникла проблема с выпадающим меню. Дело в том, что когда нажимаешь на второй ничего не выпадает хотя все есть, а когда нажимаешь на первый все открывается, но второй уезжает слишком далеко. Я очень мало знаю о javascript и вот столкнулся с такой проблемой. Помогите, пожалуйста. Спасибо!
https://jsfiddle.net/k97p8Lrg/

Comments

[edward_freedom]

у тебя открытие первого есть

document.getElementById("myDropdown").classList.toggle("show");

второго нет

[Даниил Иванов]

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

[edward_freedom]

Даниил Иванов, все как и с первым, только укажи ид второго

[Даниил Иванов]

edward_freedom, а теперь первая не открывается https://jsfiddle.net/fc0v9y5g/

[edward_freedom]

Даниил Иванов, обе функции имеют одинаковое название, твой статус не соответствует действительности

web-developer, front-end

[Даниил Иванов]

edward_freedom, согласен, надо было пока не писать это, я учусь только. Кстати, спасибо, что помогли! Теперь все ок)

[Вадим]

Даниил Иванов, edward_freedom продублируйте в ответы и отметье решением, или закройте вопрос, чтобы другие не тратили время.

Answer 1

[ShahriyorSharifjonov]

<div class="myacc">
<button onclick="open(this)" class="myacc-btn">open</a>
<div id="myaccBody">
<p>это выпадающие меню</p>
</div>
</div>

#myaccBody{
display: none;
}
.myacc-btn.open~#myaccBody{
display: block;
}

function open(e){
e.classList.toggle("open");
}