title: How can I make a div disappear and reappear on button click?
body: <p>I have this code so far :</p>
  
  <pre><code>$(document).ready(function(){
  
      $('#panel').hide();
  
      $("button").click(function(){
          $("#panel").fadeIn(3000);
      });
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;center&gt;&lt;button class="button" id="button"&gt;CLUJ&lt;/button&gt;&lt;/center&gt;
  
      &lt;div class="panel" id='panel'&gt;
          &lt;p&gt;
              Universitatea Alexandru Ioan Cuza din Iasi &lt;br&gt;&lt;br&gt;
              Universitatea din Craiova &lt;br&gt;&lt;br&gt;
              Universitatea din Bucuresti &lt;br&gt;&lt;br&gt;
              Universitatea Babes-Bolyai din Cluj-Napoca &lt;br&gt;&lt;br&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>1.The div doesn't hide;
  2.How can I make the div appear and disappear on button click? (Something like an accordion)</p>