Страницы

Поиск по вопросам

пятница, 19 апреля 2019 г.

При первом клике блоки должны появляться, при следующем пропадать

Glad to see you there!
What is your name?
What do you like?
Tell me :)

JQuery подключен. Прошу помощи )
$( window ).load(function() { document.$('.container').click(function() { var boxes = $('.boxes'); if(boxes.hasClass('showed')){ boxes.style.display = 'none'; boxes.removeClass('showed'); } else { boxes.style.display = 'flex'; boxes.addClass('showed'); } }); });


Ответ

может так:
$(document).on('click', '.container', function() { var boxes = $('.boxes'); var state = $(this).data('state'); state = !state; if (state) boxes.addClass('showed'); else boxes.removeClass('showed'); $(this).data('state', state); }); .boxes { display: none; } .showed { color: red; display: flex; }

click
Glad to see you there!
What is your name?
What do you like?
Tell me :)

Манипуляция только классами. Ну и дополнительная data-state, чтоб знать текущее состояние элементов

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

Отправить комментарий