Топ дня: Clown

как реализовать такое меню?
с вк ку знает как вытащить

должно быть так

Изображение

------
64487_.PNG (1.1 Kb)
Скачиваний: 184

при нажатии( а блок еще.. должен ппропасти)

Изображение

------
64488_5.PNG (4.7 Kb)
Скачиваний: 186

________
посл. ред. 18.05.2019 в 14:09; всего 1 раз(а); by 499654655

https://bootstrap-4.ru/docs/4.3.1/components/collapse

https://bootstrap-4.ru/docs/4.3.1/components/collapse/#accordion-example

нето

<div class="b" id="b1"> Спойлер</div>
<div class="bl" id="bl1">Преждевременно раскрытая важная информация, которая портит впечатление от художественного произведения, разрушая интригу.</div>
<div class="b" id="b1"> Блочная модель</div>
<div class="bl" id="bl1">Любой блочный элемент состоит из набора свойств, подобно капустным листам накладываемых друг на друга.</div>


.bl {
display: none; margin: 5px; font-size: 14px; text-align: left; font-weight: 333; font-family: verdana; color: #555; padding: 5px;
} .b {
background: #f5f5f5; color: #777; border-radius: 2px; padding: 3px; border: none; font-family: sans-serif; font-size: 14px; margin: 1px auto; display: block; text-align: center; width: 200px;
}



$(function() {
$("#b1").click( function() {
$("#bl1").slideToggle(500);
//500 - скорость анимации
});
$("#b2").click( function() {
$("#bl2").slideToggle(500);
//id не должны совпадать с другими спойлерами
});
});

jquery+css+html и будет тебе счастье

Спойлер

499654655, на jquery,
вот алгоритм функций jquery:
1. click
2. slideToggle(есть тругая функция но не помню как называется)
3. css (display: none)
Могу написать такое

https://codepen.io/Netscape/pen/wbeQQZ