title: How to show and hide multiple element in one selector jQuery?
body: <p>i want to show the hidden element with ID <code>hidden_element</code> when i click the element with class <code>show_hidden_element</code> , and close the element with ID <code>hidden_element</code> when i click element with ID <code>close_hidden_element</code> , if i just make one my script can work fine, but i have three element with same CLASS and ID, it cant work, somebody please help.</p>
  
  <p>this is my script</p>
  
  <pre><code> &lt;article class="post show_hidden_element"&gt;
      &lt;div id="hidden_element"&gt;
          &lt;div class="read_box"&gt;
              &lt;div class="read_box_content"&gt;
                  &lt;h2 class="title"&gt;Lorem Ipsum&lt;/h2&gt;
                  &lt;a id="close_hidden_element" class="button_close"&gt;&amp;times;&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="border"&gt;&lt;/div&gt;
  &lt;/article&gt;
  
  &lt;article class="post show_hidden_element"&gt;
      &lt;div id="hidden_element"&gt;
          &lt;div class="read_box"&gt;
              &lt;div class="read_box_content"&gt;
                  &lt;h2 class="title"&gt;Lorem Ipsum&lt;/h2&gt;
                  &lt;a id="close_hidden_element" class="button_close"&gt;&amp;times;&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="border"&gt;&lt;/div&gt;
  &lt;/article&gt;
  
  &lt;article class="post show_hidden_element"&gt;
      &lt;div id="hidden_element"&gt;
          &lt;div class="read_box"&gt;
              &lt;div class="read_box_content"&gt;
                  &lt;h2 class="title"&gt;Lorem Ipsum&lt;/h2&gt;
                  &lt;a id="close_hidden_element" class="button_close"&gt;&amp;times;&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="border"&gt;&lt;/div&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>my jQuery Script is</p>
  
  <pre><code>    $(this).find(".show_hidden_element").click( function(){
          $(this).find("#hidden_element").show();
      });
      $(this).find("#close_hidden_element").click( function(){
          $(this).find("#hidden_element").hide();
      });
  </code></pre>