JQuery hidden objects check
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/13146045/jquery-hidden-objects">JQuery hidden objects</a>  </p>
</blockquote>



<p>I am posting the issue again as the first time, many did not understand. Ok, I will change my question again, removing the confusion part. </p>

<p>I have 4 images with different IDs. I cannot use class here as each image is related to another thing, so forget class here to avoid confusion. What is going to happen, when the user clicks on each image it will hide. So, after clicking on 4 images, the 4 will be hidden of course.</p>

<p>I want that after the 4 images are hidden, an alert box is displayed.  Please, I have to include a code to verify if all images are hidden here, do not ask me why to avoid confusing again. The images are hiding once clicked, but the only issue is the alert box is not displayed after the 4 images are hidden. Code below:</p>

<pre><code>$(document).ready(function() {

    $('#image1').click(function() {
        $(this).hide('slow');
    });

    $('#image2').click(function() {
        $(this).hide('slow');
    });

    $('#image3').click(function() {
        $(this).hide('slow');
    });

    $('#image4').click(function() {
        $(this).hide('slow');
    });

    if ($('#image1, #image2, #image3, #image4').is(':hidden')) {
        alert('kkk');
    }
});​
</code></pre>
