@TechNOIR

HTML+JS+CSS. Как наложить div блок на другой div при нажатии на кнопку?

Добрый день.

Имеется вот такой шаблончик https://codepen.io/psyapathy/pen/wENPgX

Справа на боковой панели есть подобие трёх разноцветных кнопок.
Как сделать чтобы при нажатии допустим на первую справа вылезал аналогичный sidemenu блок поверх имеющегося. Допустим с одной кнопкой, чтобы при нажатии ее он закрывался.
Как наложить div блок на другой div при нажатии на кнопку?

Спасибо заранее
  • Вопрос задан
  • 479 просмотров
Пригласить эксперта
Ответы на вопрос 2
Webram
@Webram
Я есть
Можно через input'ы попробовать реализовать:

<div class="hide-box">
<label><input type="checkbox">
<h6>Кликните</h6></label>
<div class="hide-content">
Тут спрятан блок
</div>
</div>

.hide-box .hide-content {
    display: none;
}
.hide-box input:checked ~ .hide-content {
    display: block;
}
.hide-box input {
    display: none;
}
.hide-box h6 {
    cursor: pointer;
}
Ответ написан
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Слушать событие клика по кнопке: https://learn.javascript.ru/introduction-browser-events
Накладывать div поверх другого используя абсолютное позиционирование и z-index
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы