filter()<\/a> function. It selects the elements based on the conditions and selectors you provide. It will identify hidden\/visible elements on your web page and allow you to chain functions to them, for further processing.<\/p>\n\n\n\nFor example, if you want to check if button1 is hidden using is() function and do something in case it is hidden, then you need to use the following code.<\/p>\n\n\n\n
if($('#button1').is(':hidden')){
\/\/do something
}<\/pre>\n\n\n\nBut you can easily do this using filter() function as shown below.<\/p>\n\n\n\n
$('#button1').filter(\":hidden\").animate({ width: \"toggle\" });<\/pre>\n\n\n\nYou can also use it with selectors that return multiple elements. Here is an example where our class selector returns all buttons with class=my_buttons.<\/p>\n\n\n\n
$('.my_buttons<\/strong>').filter(\":hidden\").animate({ width: \"toggle\" });<\/pre>\n\n\n\nSo far, we have learnt how to determine if element is visible or hidden in jQuery. jQuery also provides hide(), show() and toggle() functions to hide, show or toggle elements. Irrespective of whether an element is hidden or not, you can directly show, hide or toggle its state using these functions.<\/p>\n\n\n\n