title: How to show a div when a particular button is clicked,
body: <p>This my js code:<br>   </p>
  
  <ul>
  <li><p>i want to click first button to call a new class,it works but, every
  button doing same work. when i click second button this also calling
  a new class.please help me to solve this.</p>
  
  <pre><code> &lt;script&gt;
      $(document).ready(function(){
      $("button").click(function(){      /*button click event*/
      $(".new").toggle();                /*new class calling */
      });
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>this my html code:</p>
  
  <pre><code>&lt;button&gt;first&lt;/button&gt;&lt;br&gt;  
  &lt;button&gt;second&lt;/button&gt;&lt;br&gt; 
  &lt;button&gt;third&lt;/button&gt;&lt;br&gt;
  
  &lt;div class="new" style = "display: none;"&gt;hi.&lt;/div&gt;  &lt;!--i need to call only this class--&gt;
  &lt;div class="old"&gt;&lt;a href="www.google.com"&gt;hello.&lt;/a&gt;&lt;/div&gt;
  </code></pre></li>
  </ul>