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?

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?

• javascript
• jquery
• css

• use attribute selector – guradio Commented Apr 28, 2017 at 10:36
• 1 btw you're only checking for opacity. Do you think opacity is enough? :) and also you have an extra ) in your code – Roko C. Buljan Commented Apr 28, 2017 at 10:37
• 1 @RokoC.Buljan From documentation: "Elements with visibility: hidden or opacity: 0 are considered to be visible" – Esko Commented Apr 28, 2017 at 10:38
• 1 @Roko C. Buljan it was a quick paste, sorted afterwards ;) – Morpheus Commented Apr 28, 2017 at 10:39
• 1 So i also quick pasted my code.. sorry for the EXTRA ')' bothering you.. But thanks for the response :) – Nebulosar Commented Apr 28, 2017 at 10:42

2 Answers 2

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

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