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

Содержание

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

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

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

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

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

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

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

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

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

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