jQuery: How to check if an element is hidden?

Question

Asked 9 years, 6 months ago

Viewed 13,858 times

3

How to check if an element is visible or hidden in jQuery?

For example, an element can be hidden using .hide(), visible using .show() or switch between hidden/visible with .toggle().

1 answer

Browser other questions tagged javascript jquery

You are not signed in. Login or sign up in order to post.

by Fábio Perez • **1,662** points · Answer 1 · 2015-05-03T15:51:16+00:00

Use the selectors :visible: and :hidden. [1]

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

In addition, you can use them directly on the selector:

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