Скрыть показать div по клику

Иногда на сайте нужно сделать возможность скрывать определенный текст и показывать его только после нажатия на ссылку. Используем для этого javascript.

Вариант первый.
Пишем вот такой простой скрипт:
Если у вас таких блоков больше чем один, просто меняйте ID DIV. Можно указать не только цифру, вы можете написать что-нибудь, так будет потом проще разобраться.

Сегодня мы поговорим с вами о том, как можно по клику скрыть элемент. Или по клику показать его. Или по первому клику – скрыть, а по второму клику – показать. В общем, я думаю, вы поняли о чем я говорю. Нечто подобное было описано в этой статье.

Но сегодня все будет не так. Эффект будет тот же, но скрываться будет быстро, мгновенно, а не плавно. Для этого создадим всю ту же разметку:

Теперь пропишем стили. По умолчанию блок с текстом скрыт. Добавим немного визуальных эффектов и, самое главное, – мы слегка усовершенствуем скрипт. По клику на заголовке будем выделять его цветом. Вот стили:

Теперь сам скрипт, который все это дело оживите:

Вот собственно и все – можно наслаждаться результатом. Особо рассказывать нечего: нажимаем на заголовок .extremum-click, показывается текст .extremum-slide и одновременно выделяется все тот же заголовок. При следующем клике по заголовку – блок с текстом исчезает.

скрывает и показывает content , а нужно два button: Код:

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

1 ответ 1

Вот что мне нужно было, может кому то надо:

Всё ещё ищете ответ? Посмотрите другие вопросы с метками div или задайте свой вопрос.

Похожие

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

Читайте также  Приставка волк ловит яйца

дизайн сайта / логотип © 2019 Stack Exchange Inc; пользовательское содержимое попадает под действие лицензии cc by-sa 4.0 с указанием ссылки на источник. rev 2019.12.20.35703

Ссылка на основную публикацию
Adblock detector