title: Trigger a click event on mobile devices using JQuery
body: <p>I am using the Sidr plugin to add a side-menu to my site when viewed on mobile devices. When a user clicks one of the side-menu items I want the menu to close and then animate down to the item they have selected. Essentially its a glorified internal links menu with a load of hash links to content with IDs.</p>
  
  <p>Below is my current code for this purpose:</p>
  
  <pre><code>    $(".mobile-nav button").sidr({source: ".sidr" });
      $('.sidr nav ul').on('click', 'li a[href^="#"]', function(){
          $(".mobile-nav button").click();
          var target = this.hash;
          var $target = $(target);
  
          $('html, body').stop().animate({
              'scrollTop': $target.offset().top
          }, 900, 'swing', function () {
              window.location.hash = target;
          });
  
          return false;
      });
  </code></pre>
  
  <p>This works fine when viewed on a desktop browser at say 400px wide. But when viewed on an actual mobile the .click() which effectively closes the Sidr menu does not work.</p>
  
  <p>I believe this is because you can't "click" on mobiles but can anyone think of how I can get around this? Any help would be great.</p>
  
  <p>Thanks</p>