jQuery Проверьте, является ли элемент видимым / скрытым

Фрагмент кода jQuery, чтобы проверить, скрыт ли элемент в DOM из поля зрения пользователя. Это полезно при определении состояния переключаемых элементов.

var isVisible = $('#myDiv').is(':visible');
var isHidden = $('#myDiv').is(':hidden');
alert(isVisible);
alert(isHidden);

Если вы просто воздействуете на элемент в зависимости от его видимости, просто включите «: visible» или «: hidden» в выражение селектора. Например:

 $('#myDiv:visible').animate({left: '+=200px'}, 'slow');