Question

I have a class that I need to perform some actions on but I only want to perform the action on those elements of the class that are currently shown.

For example, this code hides all elements of the pie class, whereas I only want to effect the elements that are currently shown and not act on the ones that are currently hidden:

$(".pie").click(function () 
{      
  $(".pie").hide;
});

(toggle is not what I’m looking for here)

Answer 1

You could use the :visible pseudo-selector.

So something like this:

$(".pie").click(function () 
{      
  $(".pie:visible").hide;
});