title: How to open only one sub menu at a time
body: <p>I have made responsive menu. this is working fine.</p>
  
  <p>But problem is this. I want to open one menu at a time.</p>
  
  <p>when open one submenu another menu should be hide?</p>
  
  <p>how can I do this?</p>
  
  <p><b>Here is my Script code</b></p>
  
  <pre><code>$('.moremain').click(function(){
      $(this).next('.hrmenu ul ul').slideToggle();
      $(this).toggleClass("active");
  });
  </code></pre>
  
  <p>Here is <a href="http://jsfiddle.net/hidaytrahman/0hxppgm7/1/">My Menu</a></p>