check if something is visible in jquery ui

[mapleleaf]

I am sliding elements in and out of view but need to check if an element is visible so I know which function to call.

For example:

$("#one").click(function() {

//I need to check if the element #bonuses is visible at the time of clicking.
//If it is I will not run the below function. How is this done?
//The element is controlled by the slider in jquery ui
//I am thinking that maybe it is more about position than display
//but I cannot find it in the documentation.
//if (document.getElementById("bonuses").style.display = "none")
//did not work
			
				runEffectB();
			
			
			
			return false;
		});

[bdl]

Have you looked at the :visible selector?

[mapleleaf]

I have tried this bit it isn't doing what I expect:

$("#one").click(function() {
			if($("#bonuses:visible")) {
				//do nothing
			}else
			{
				runEffectB();
			}
			
			
			
			return false;
		});

Syntax maybe??

[Spudhead]

if( $('#bonuses').is(':visible')) {

[mapleleaf]

Much Appreciated Spudhead.
Just what I needed.
Opens up a lot of things for me