Как узнать состояние элемента, к которому применяется свойство toggle jQuery.

Проблема:

На странице находятся два элемента:

<p class="hidden_element">Элемент, который будет скрываться.</p>
<p class="toogle">Сюда кликаем, чтобы скрыть элемент.</p>

При клике по элементу с классом toogle элемент с классом hidden_element будет появляться и исчезать с помощью метода jQuery toggle. Сегодня столкнулся с задачей, что нужно было получить состояние, к котором находится элемент: скрытое или видимое.

Решение:

Для того, чтобы решить эту проблему, нужно воспользоваться методом is(':visible'). Посмотрите, как это будет выглядеть:

$(".toogle").on("click", function() {
$('.hidden_element' ).toggle(function() {
alert($(this).is(':visible'));
});
});

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