How to swap fadeIn/fadeOut of dynamically created selectors
<p>I am swapping out divs generated with a php foreach loop like this...</p>

<pre><code>&lt;img class="trigger" name="showme-&lt;?php echo $stuff ?&gt; ... &gt;

&lt;div id="showme-&lt;?php echo $stuff ?&gt;" style="display:none"&gt;&lt;/div&gt;

$('.trigger').click(function(){
    var num=$(this).attr("name");
    $('#'+num).fadeIn();
</code></pre>

<p>This works fine.. but my question is how do I not just fade in these elements but also fade out the ones that are currently sitting there so I am only showing one showme-var div at a time?  Because I do not know which one is currently showing I can not use the selector to identify who needs  to be faded out.  Can I add a wildcard "*" to the selector or maybe use .children of a parent div?</p>
