How do I check if an element is hidden in jQuery

Question

Is it possible to toggle the visibility of an element, using the functions .hide(), .show() or .toggle()?

How would you test if an element is visible or hidden?

Answer 1

Hello @kartik,

 You can use CSS:

class .hide { display: none!important; }.

For hiding/showing, I call

 .addClass("hide")/.removeClass("hide"). 

For checking visibility, I use 

.hasClass("hide").

It's a simple and clear way to check/hide/show elements, if you don't plan to use .toggle() or .animate() methods.

Hope it helps!!