JavaScript
Article
By Sam Deering

jQuery Check if Element is Visible/Hidden

By Sam Deering

jQuery code snippet to check whether an element in the DOM is hidden from view of the user. This is useful when determining the state of a toggled elements.

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

If you’re simply acting on an element based on its visibility, just include “:visible” or “:hidden” in the selector expression. For example:

--ADVERTISEMENT--

$('#myDiv:visible').animate({left: '+=200px'}, 'slow');
Recommended
Sponsors
The most important and interesting stories in tech. Straight to your inbox, daily. Get Versioning.
Login or Create Account to Comment
Login Create Account