title: How to work with the jQuery selectors
body: <p>I have a HTML structure like this:- </p>
  
  <pre><code>&lt;article id="a_post" class="a_post"&gt;
  &lt;div id="thumbnail"&gt;
  &lt;img id="shine" src="wp-content/themes/dabanggknight/images/play.png"/&gt;
  &lt;/div&gt;
  &lt;div id="instant_video" class="instant_video"&gt;
  &lt;span class="close"&gt;&lt;/span&gt;
      // Some content here
  &lt;/div&gt;
  &lt;/article&gt;    
  &lt;article id="a_post" class="a_post"&gt;
  &lt;div id="thumbnail"&gt;
  &lt;img id="shine" src="wp-content/themes/dabanggknight/images/play.png"/&gt;
  &lt;/div&gt;
  &lt;div id="instant_video" class="instant_video"&gt;
  &lt;span class="close"&gt;&lt;/span&gt;
      // Some content here
  &lt;/div&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>In the above HTML, <code>&lt;div id="instant_video" class="instant_video"&gt;
      &lt;span class="close"&gt;&lt;/span&gt;
          // Some content here
      &lt;/div&gt;</code> has a css of <code>display:none;</code>.
  All I want to do is when someone clicks on  <code>&lt;img id="shine" src="wp-content/themes/dabanggknight/images/play.png"/&gt;</code> I want to slide down the div with the id of instant_video whose display is set to none in css. </p>
  
  <p>Then when someone clicks on the span with the class of close, it fades out that particular div again. </p>
  
  <p>But I'm having a severe problem with the jQuery selectors because I'm really amateur with it. </p>
  
  <p>The code that I'm using slides in all the hidden divs with the id of <code>instant_video</code> and that's where the problem persists. </p>
  
  <p>All I want to do is slide down only the div inside the article tag which contains the image I clicked on.</p>
  
  <p>The code that I'm currently using is as follows:-</p>
  
  <pre><code>jQuery(document).ready(function() {
      jQuery('img#shine').click(function() {
          jQuery('.instant_video').slideDown('fast')
      }); 
  });
  jQuery(document).ready(function() {
      jQuery('.close').click(function() {
          jQuery('.instant_video').fadeOut('slow')
      }); 
  });
  </code></pre>