JavaScript
Article
By Sam Deering

jQuery Check if Element is Visible/Hidden

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

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');
Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?