title: How to Toggle show/hide text, with the same code on multiple elements
body: <p>How can I use the same jquery code, to show/hide text on all my elements, but only affecting the one is click reed more. 
  So multiple of them doesn't open when I click on one.  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
    $( ".showBtn " ).click(function() { 
      $(".textHidden").toggleClass("textShow");    
    }); 
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.textHidden {
    display:none;
    transition:ease-in-out 1s;
    cursor:pointer;
  }
  
  .textShow {
    display:block;  
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;script src="http://code.jquery.com/jquery.js"&gt;&lt;/script&gt; 
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div&gt;
    &lt;p&gt;
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at eros quis nunc varius volutpat. Integer eu mattis nibh, quis convallis justo. Praesent ut lacinia ex, et vulputate elit. Vivamus nec quam mi.&lt;strong class="showBtn "&gt;reed more&lt;/strong&gt;
    &lt;/p&gt;
    &lt;p class="textHidden"&gt;
  Fusce rhoncus euismod pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In eu venenatis leo. Mauris id elit vel diam interdum tincidunt. Etiam consequat condimentum elementum. Vestibulum luctus risus felis, in mollis nisl hendrerit sed. Sed volutpat leo ut neque posuere, vel dignissim ante hendrerit. Ut et interdum tortor, ac pulvinar lacus. Nulla interdum eros id malesuada efficitur. Praesent semper odio sit amet fermentum feugiat. Donec laoreet, libero a convallis vehicula, tellus tortor molestie ante, id porta nunc risus et justo. Mauris bibendum sapien eu dui ultricies elementum. 
    &lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div style="background-color:red;"&gt;
    &lt;p&gt;
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at eros quis nunc varius volutpat. Integer eu mattis nibh, quis convallis justo. Praesent ut lacinia ex, et vulputate elit. Vivamus nec quam mi.&lt;strong class="showBtn "&gt;Læs mere&lt;/strong&gt;
    &lt;/p&gt;
    &lt;p class="textHidden"&gt;
  Fusce rhoncus euismod pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In eu venenatis leo. Mauris id elit vel diam interdum tincidunt. Etiam consequat condimentum elementum. Vestibulum luctus risus felis, in mollis nisl hendrerit sed. Sed volutpat leo ut neque posuere, vel dignissim ante hendrerit. Ut et interdum tortor, ac pulvinar lacus. Nulla interdum eros id malesuada efficitur. Praesent semper odio sit amet fermentum feugiat. Donec laoreet, libero a convallis vehicula, tellus tortor molestie ante, id porta nunc risus et justo. Mauris bibendum sapien eu dui ultricies elementum.
    &lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>