title: Responsive menu for both closing and opening link one page website?
body: <p>Im working on a responsive  website with side menu. And now when i click on menu item the menu collapse not going to the link (#home #About).I want both closing and opening,</p>
  
  <pre><code>&lt;div id="sidr" class="sidr left" style="display: block; left: 0px;"&gt;
  &lt;a href="#sidr-close" class="dl-trigger icon-mobile-menu dfd-sidr-close"&gt;
      &lt;span class="icon-wrap dfd-middle-line"&gt;&lt;/span&gt;
      &lt;span class="icon-wrap dfd-top-line"&gt;&lt;/span&gt;
      &lt;span class="icon-wrap dfd-bottom-line"&gt;&lt;/span&gt;
  &lt;/a&gt;
  &lt;div class="sidr-inner"&gt;&lt;ul class="sidr-dropdown-menu"&gt;&lt;li class="mega-menu-item nav-item menu-item-depth-0"&gt;&lt;a href="#home" class="menu-link main-menu-link item-title sub-nav" role="group" aria-expanded="false" aria-hidden="true"&gt;Home&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>e(".sub-nav").unbind("click").bind("touchend click", function(t) {
          t.preventDefault(), e.sidr("close")
      })
  </code></pre>
  
  <p>I used the above code. Hope i will get a correct solution.</p>