jQuery : displaying a div according to which image i clicked on
<p>i'm having a trouble to display text according to images i clicked on.</p>

<pre><code>&lt;ul id="boutique1"&gt;
      &lt;li&gt;&lt;a href="#first"&gt;&lt;img src="images/image1.jpg"&gt;nothing&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
</code></pre>

<p>When i click on these first link, i want to display that : </p>

<pre><code> &lt;p id="first" style="display:none;"&gt;Hello World&lt;/p&gt;
</code></pre>

<p>Into this div :</p>

<pre><code>&lt;div id="alert"&gt;&lt;/div&gt;
</code></pre>

<p>Now, i have this jQuery function :</p>

<pre><code>$('#boutique1 a').live('click',function(){ 

 $('#alert').html(  $($(this).attr('href')) ).slideDown(); 
    setTimeout(function(){ $('#alert').slideUp() },5000) 

 });
</code></pre>

<p>I don't know why it's not working.</p>

<p><strong>I only got the #alert div who is showing up empty</strong></p>

<p>thanks</p>
