jquery is(:visible) for visibility : hidden

Question

In jQuery:

e.is(':visible');

checks if an element is displayed or not.

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

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';
};

Answer 2

You can use $('#test').css('visibility'); to get the value of visibility