Как сделать чтобы при нажатии кнопки закрывалась менюшка которая открыта

[745164nk]

Код:

<a href="" class="c">Выйти</a>

 

[PERS]

По этому примеру можешь что то сделать. Разбирайся

HTML:

<label for="openclose" id="button">Открыть</label>
<input type="checkbox" id="openclose">
<div class="modal-wrapper">
  <div class="modal">
    <label for="openclose">&times;</label>
  </div>
</div>

CSS:

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background-color: #ddd;
  padding: 16px;
}

.modal-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .2);
  display: flex;
}

.modal {
  width: 40vw;
  height: 40vh;
  background-color: white;
  margin: auto;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2);
  position: relative;
}

.modal label {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 200%;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}

.modal label:hover {
  color: blue;
}

#openclose,
.modal-wrapper {
  display: none;
}

#openclose:checked~.modal-wrapper {
  display: flex;
}

#button {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

 

[X-Clusiv]

745164nk написал(а):

Посмотреть вложение 885

Код:

<a href="" class="c">Выйти</a>

Нажмите для раскрытия...

Читай документацию Vue Там все есть https://ru.vuejs.org/

 

[plam]

X-Clusiv написал(а):

Читай документацию Vue Там все есть https://ru.vuejs.org/

Нажмите для раскрытия...

Не обязателен Vue.js для реализации данной функции, достаточно и базовых ресурсов, кто знает, на чём у клиентсайд проекта сделана

 

[X-Clusiv]

plam написал(а):

Не обязателен Vue.js для реализации данной функции, достаточно и базовых ресурсов, кто знает, на чём у клиентсайд проекта сделана

Нажмите для раскрытия...

У него vue. Создавал тему до этой)

 

[plam]

X-Clusiv написал(а):

У него vue. Создавал тему до этой)

Нажмите для раскрытия...

Понял, вопросов нет, зря быканул)

 

[X-Clusiv]

plam написал(а):

Понял, вопросов нет, зря быканул)

Нажмите для раскрытия...

 

[745164nk]

plam написал(а):

Понял, вопросов нет, зря быканул)

Нажмите для раскрытия...

Не зря быканул. Это уже другой файл тут нет vue

 

[X-Clusiv]

745164nk написал(а):

Не зря быканул. Это уже другой файл тут нет vue

Нажмите для раскрытия...

Ну ктож знал) тогда надо подробнее описать) какая менюшка. А то сиди гадай что же там закрыть надо)

 

[745164nk]

X-Clusiv написал(а):

Ну ктож знал) тогда надо подробнее описать) какая менюшка. А то сиди гадай что же там закрыть надо)

Нажмите для раскрытия...

Да меню я сам уже сделал осталось понять как его закрывать по сути это как меню репорта на редаге

 

[Randomchik]

Чел,у тебя это менюшка отдельно идёт?или она в редаги?если отдельно,то смотри есть функция когда нажимаешь на крестик и она закрывается,введи просто новый триггер ещё 1 и все