title: multiple toggle doesn't work correctly
body: <p>I've implemented a toggle event, but it doesn't work correctly.</p>
  
  <p>If I click one of these images every class toggle and I just would like to toggle the active class.</p>
  
  <pre><code>&lt;script&gt;
              $("#img-01").click(function () {
                  $(".crp-list").toggle();
              });
              $("#img-02").click(function () {
                  $(".crp-list").toggle();
              });
              $("#img-03").click(function () {
                  $(".crp-list").toggle();
              });
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is my html code..</p>
  
  <p> </p>
  
  <pre><code> &lt;div class="toggle-content"&gt;
        &lt;img src="Images/icon.png" alt="" id="img-01" /&gt;
            &lt;ul class="crp-list" style="display: none"&gt;
               &lt;li class="content-one comments hidden"&gt;
                    Content 1
               &lt;/li&gt;
  
           &lt;/ul&gt;
    &lt;/div&gt;
  
   &lt;div class="toggle-content"&gt;
        &lt;img src="Images/icon.png" alt="" id="img-02" /&gt;
            &lt;ul class="crp-list" style="display: none"&gt;
               &lt;li class="content-one comments hidden"&gt;
                    Content 3
               &lt;/li&gt;
  
           &lt;/ul&gt;
    &lt;/div&gt;
  
   &lt;div class="toggle-content"&gt;
        &lt;img src="Images/icon.png" alt="" id="img-03" /&gt;
            &lt;ul class="crp-list" style="display: none"&gt;
               &lt;li class="content-one comments hidden"&gt;
                    Content 3
               &lt;/li&gt;
  
           &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/html&gt;
  </code></pre>