visible(element) -> Boolean

Returns a Boolean indicating whether or not element is visible (i.e. whether its inline style property is set to "display: none;").

Examples

<div id="visible"></div>
<div id="hidden" style="display: none;"></div>

$('visible').visible();
// -> true

$('hidden').visible();
// -> false

Notes

Styles applied via a CSS stylesheet are not taken into consideration. Note that this is not a Prototype limitation, it is a CSS limitation.

<style>
  #hidden-by-css {
    display: none;
  }
</style>

[…]

<div id="hidden-by-css"></div>

$('hidden-by-css').visible();
// -> true