title: How to Show and Hide the menu Bar
body: <p>Please see the design of this menu: <a href="http://jordanek.eu/aktual/index6.html" rel="nofollow">http://jordanek.eu/aktual/index6.html</a> where I made a menu (left side) which has some functionality such as when click on white bar “Vyrobce”, then a yellow bar “Vyrobce” would be appeared and white bar “Vyrobce” would be disappeared. And when click on closing link “x” on yellow bar “Vyrobce” it would be disappeared with all elements and white bar “Vyrobce” would be appeared again. </p>
  
  <p>The problem is when I click anywhere on yellow bar “Vyrobce” except closing link “x”, the white bar “Vyrobce” appear again and show the both menu at a time. But I want to show only one bar at a time. How could I do it?</p>
  
  <p>Can anybody help me to fix it? Thank you.</p>
  
  <p>N.B. I use this javascript function for show and hide the bars which I got form: <a href="http://www.w3schools.com/jquery/jquery_hide_show.asp" rel="nofollow">http://www.w3schools.com/jquery/jquery_hide_show.asp</a>. You could see the whole code by visiting the given link and see the source code.</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
      $("#headingOne").click(function(){
                  $(".panel_heading1").hide();
      });
      $("#collapseOne").click(function(){
        $(".panel_heading1").show();
      });
  });
  </code></pre>
  
  <p></p>