title: JQuery show() not working after click()
body: <p>I have the next script in a webpage to show/hide the content depending on the content the user wants to see.
  At the beginning all the divs show but I want the user to filter by language.</p>
  
  <pre><code>$(document).ready(function() {
  
      $('#all').click(function() {
          $(".spanish").show();
          $('.english').show();
          $('.french').show();
      });
  
      $('#english').click(function() {
          $('#english').addClass("current");
          $('.spanish').hide();
          $('.english').show();
          $('.french').hide();
      });
  
      $('#spanish').click(function(){
          $('.spanish').show();
          $('.english').hide();
          $('.french').hide();
      });
  
      $('#french').click(function() {
          $('.spanish').hide();
          $('.english').hide();
          $('.french').show();
      });
  });
  </code></pre>
  
  <p>The filters are buttons and the sections are <code>&lt;divs&gt;</code>'s.
  The buttons have ids with the name of the language and the div sections have a class with the name of the language.
  I have tried a lot of things like <code>document.getElementByClassName()</code> and alerts but it looks like the jquery doesn't recognize the function <code>hide()</code> or <code>show()</code> after the click.
  It displays <code>"Uncaught TypeError: undefined is not a function" error in the console.</code></p>