title: Javascript menu blocking in different browsers
body: <p>I have created a menu using javascript like this..</p>
  
  <p><strong>Code</strong>:</p>
  
  <pre><code>&lt;script type="text/javascript" language="javascript" src="js/jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
     $(document).ready(function () {
         //slides the element with class "menu_body" when paragraph 
         //with class "menu_head" is clicked
         $("#firstpane p.menu_head").click(function () {
                $(this).css({ backgroundImage: "url('../images/down.png')"        
         }).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
         $(this).siblings().css({ backgroundImage: "url('../images/left.png')" });
     });         
  &lt;/script&gt;
  </code></pre>
  
  <p>It is working fine. But in different browsers sometimes the menu is locking. It varies on different computers. For example: on one system the problem is with chrome and on another it's with Mozilla. Tell me what is wrong? </p>