Как сделать ,чтобы при нажатии на кнопку контейнер добавлялся ,а при повторном нажатии убирался?

Question

dmitry6996 @dmitry6996

JavaScript

Как сделать ,чтобы при нажатии на кнопку контейнер добавлялся ,а при повторном нажатии убирался?

Есть контейнер :

<div id="nav" class="one">
      <div class"one_s">Привет</div>
  </div>

Как сделать, чтобы при клике на кнопку он появлялся на странице, а при повторном клике пропадал и т.д.?

Вопрос задан более трёх лет назад
1721 просмотр

9 комментариев

Подписаться 1 Простой 9 комментариев

Дмитрий @slo_nik

Добрый день.
Теги, для оформления кода, религия не позволяет использовать?

Написано более трёх лет назад
IIIu6ko @IIIu6ko

slo_nik, Дак он никакого кода и не написал.

Написано более трёх лет назад
Дмитрий @slo_nik

IIIu6ko, да что Вы говорите?
А "привет" просто слово?)))
Ну-ну)))

p.s. теги были, но без оформления.

Написано более трёх лет назад
IIIu6ko @IIIu6ko

slo_nik, У меня нет никакого кода

Написано более трёх лет назад
Дмитрий @slo_nik

IIIu6ko, вот потому, что автор вопроса не использовал теги для оформления, а обязан был это сделать.
эти теги скрываются под </>

Написано более трёх лет назад
Дмитрий @slo_nik

IIIu6ko, а если открыть вопрос на правку, то там будут обычные html теги, которые не видно без оформления.

Написано более трёх лет назад
IIIu6ko @IIIu6ko

slo_nik, Так бы и написал сразу, а то начинаешь язвить и ничего непонятно.
Автор видимо не знал, что код скроется, собственно как и я, если не использоваться <code></code>

Написано более трёх лет назад
Дмитрий @slo_nik

IIIu6ko, я с Вами на брудершафт не пил... Это так, к слову...

p.s.
Автор видимо не знал, что код скроется, собственно как и я, если не использоваться

Ага, первый форму в жизни, который Вы и автор посещаете?)))

Написано более трёх лет назад
IIIu6ko @IIIu6ko

slo_nik, А я не собираюсь на Вы общаться с тем, кто грубит незнакомым людям без причины.
Грубишь - получаешь такое же отношение обратно.

Написано более трёх лет назад

Решения вопроса 1

3 комментария

Cube @liveunit

Ипользовать селектор.

<html>
    <div class="cube"> whatever </div>
<html>

$("button").click(function() {
  $(".cube").toggle();
});

Написано более трёх лет назад

Cube @liveunit

Ну а вообще если вы не знаете как отсылаться к нужному вам DOM элементу, то нужно не здесь задавать вопросы, а в google.

Написано более трёх лет назад
Дмитрий @slo_nik

Отметьте ответ Cube решением!!!
И используйте теги для оформления кода, наконец-то!!!

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 2

Комментировать

Ваш ответ на вопрос

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

Похожие вопросы

JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- 19 часов назад
- 119 просмотров
1

ответ
JavaScript

+1 ещё

Сложный
Fastify долгая загрузка что можно сделать как найти причину?
- 1 подписчик
- вчера
- 48 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- вчера
- 167 просмотров
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- вчера
- 105 просмотров
1

ответ
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- 23 нояб.
- 710 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 22 нояб.
- 75 просмотров
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 22 нояб.
- 44 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Почему react-hook-form не отображает ошибки zod в определенных моментах?
- 1 подписчик
- 22 нояб.
- 35 просмотров
0

ответов
JavaScript

Простой
Почему перестало работать меню?
- 1 подписчик
- 20 нояб.
- 152 просмотра
1

ответ
JavaScript

Простой
Какая логика у перебора массива таким способом?
- 1 подписчик
- 20 нояб.
- 193 просмотра
5

ответов
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

3d-прототип машины-вездехода (blockout)

25 нояб. 2024, в 16:51

1000 руб./за проект

Скорректировать мобильную оптимизацию и удалить лишние страницы

25 нояб. 2024, в 16:37

1500 руб./за проект

Дизайн главной страницы в figma

25 нояб. 2024, в 15:52

3000 руб./за проект

Добрый день.
Теги, для оформления кода, религия не позволяет использовать?
slo_nik, Дак он никакого кода и не написал.
IIIu6ko, да что Вы говорите?
А "привет" просто слово?)))
Ну-ну)))

p.s. теги были, но без оформления.
IIIu6ko, вот потому, что автор вопроса не использовал теги для оформления, а обязан был это сделать.
эти теги скрываются под </>
IIIu6ko, а если открыть вопрос на правку, то там будут обычные html теги, которые не видно без оформления.
slo_nik, Так бы и написал сразу, а то начинаешь язвить и ничего непонятно.
Автор видимо не знал, что код скроется, собственно как и я, если не использоваться <code></code>
IIIu6ko, я с Вами на брудершафт не пил... Это так, к слову...

p.s.
Автор видимо не знал, что код скроется, собственно как и я, если не использоваться

Ага, первый форму в жизни, который Вы и автор посещаете?)))
slo_nik, А я не собираюсь на Вы общаться с тем, кто грубит незнакомым людям без причины.
Грубишь - получаешь такое же отношение обратно.

Answer 1 · 2018-02-10 16:41:58

Cube Cube
Использую jquery.
Нужно добавить вот этот контейнер:

Как указать в вашем примере ,что именно этот контейнер нужно добавлять/убирать по клику?

Answer 2 · 2018-02-10 16:32:35

Cube @liveunit

Если используете jquery, то .toggle() поможет.

$("button").click(function() {
  $("div").toggle();
});

Ответ написан более трёх лет назад

Комментировать

Answer 3 · 2018-02-10 16:33:59

<style>
#hello.hidden{
    display:none
}
</style>
<div id="hello">Привет</div>
<button onclick="document.querySelector('#hello').classList.toggle('hidden')">click</button>

Как сделать ,чтобы при нажатии на кнопку контейнер добавлялся ,а при повторном нажатии убирался?

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

Минуточку внимания

Войдите на сайт