Скрыть показать div jquery

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

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

У меня есть N-ое количество таких элементов на странице:

Мне нужно, чтобы при нажатии на

Показывался div buttons . Причем только тот, который в данном блоке main.

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

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

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

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

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

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

Читайте также  Почему полуденная высота солнца в течение
Ссылка на основную публикацию
Adblock detector