jquery is(:visible) for visibility : hidden

Question

In jQuery:

e.is(':visible');

checks if an element is displayed or not.

Is there an function in jQuery to check if an element has the attribute visibility to hidden or visible?

Now I have to make that function myself. But i want to use the jQuery function instead if it exists.

The function I made:

$.fn.isVisible = function() {
    return ($(this).css('opacity') != '0' && $(this).css('visibility') !== 'hidden');
};

To extend my example: JsFiddle

The real question is: Is there a jQuery function or not?

Answer 1

You can check css property visibility is set to visible or hidden.

if ($("#element").css("visibility") === "visible") {
    //...
}

or in your case:

$.fn.isVisible = function() {
    return $(this).css('visibility') === 'visible';
};