How to show a sibling parent div
<p>I need to show a <code>&lt;div&gt;</code> but it's dynamic <code>&lt;div&gt;</code>. When I click on any <code>.info</code>, I want to show the parent first <code>&lt;div&gt;</code>.</p>

<p>Here is my code:</p>

<p>Html :</p>

<pre><code>&lt;div id="mainDiv"&gt;
  &lt;div class="myBox"&gt;
     &lt;p&gt;&lt;a href="#" id="close"&gt;Close&lt;/a&gt;&lt;/p&gt;
       Fist Div
  &lt;/div&gt;

  &lt;h5&gt;Title &lt;img src="info.gif" class="info"  /&gt;&lt;/h5&gt;
  &lt;div class="myBox"&gt;
    &lt;p&gt;&lt;a href="#" id="close"&gt;Close&lt;/a&gt;&lt;/p&gt;
        Second Div
  &lt;/div&gt;

  &lt;h5&gt;Title &lt;img src="info.gif" class="info"  /&gt;&lt;/h5&gt;

&lt;/div&gt;  
</code></pre>

<p>Javascript : </p>

<pre><code>$('.info').click(function(e){

    var ppp=$(this);
    var parentDiv = $(this).parent().parent();
    parentDiv.show('slow'); // doesn't work     
});
</code></pre>
