title: Toggle display of two elements only in jQuery
body: <p>I'm trying to toogle the display of two elements using this piece of code:</p>
  
  <pre><code>$('.annu-numtel-btn').click(function()
  {
  $('.annu-numtel-btn').toggleClass('hidden');
  $('.annu-numtel').toggleClass('visible hidden');
  });
  </code></pre>
  
  <p>and this html :</p>
  
  <pre><code>&lt;p class="annu-numtel-btn visible "&gt;Afficher le n° de téléphone&lt;/p&gt;
  &lt;p class="annu-numtel hidden"&gt;Tél. : 01 31 32 45 78&lt;/p&gt;
  </code></pre>
  
  <p>It's working but if I have multiple elements on the same page, it switches all elements, I just want to switch the one I clicked. How can I do this? Thanks in advance.</p>