title: CSS z-index and jquery effects
body: <p>It is possible to animate images whit z-index like opacity and others?!</p>
  
  <p>Because i can't get it right</p>
  
  <pre><code>  On click get id clicked and to the following to the img id equal to clicked id
   $('#gallery img').eq(atrb-1).css("z-index",z++).slideUp('slow');
  </code></pre>
  
  <p>But it display the image whit lower z index </p>
  
  <h2>How i can avoid that?</h2>
  
  <p>Yep is at the start of javascript
  The problem is not the z-index but the z-index jquery animation like fade and other</p>
  
  <pre><code> $("#gallery img").each(function() {
        z++;
       $(this).css('z-index', z).attr('id',z);//set z index and id
  
      $('#bar').append("&lt;a href='#' id="+z+"/&gt;");
  
  });
  </code></pre>
  
  <p>When i click on a link from the #bar the image  whit the id of link is in front of others</p>
  
  <p><strong>Found the answer : it was fadeToggle to hide all elements and use it again to fadein hidden elements :)))</strong></p>