title: On click event for mobile?
body: <p>First of all, I know this has been answered a lot of times, but all the things I try to do, they're not working. So here's my problem:</p>
  
  <p>I have  a non-displayed div that I want to show when the users clicks a div, so I have this javascript code:</p>
  
  <pre><code>$(document).ready(function() {
      $(".hamburger-menu").on("click", function(){
          var display = $(".menu-mobile").css("display");
          if (display == "none") {
              $(".menu-mobile").css("display", "block");
          } else {
              $(".menu-mobile").css("display", "none");
          }
      });
  });
  </code></pre>
  
  <p>This works perfectly on my desktop but doesn't work in my mobile.<br>
  What I found in the other answers was to change the <strong>.on("click")</strong> value to <strong>.on("click touchstart")</strong> or <strong>.on("tap")</strong>, but they both don't work.</p>
  
  <p>So what's the problem? I have another animation that doesn't require any click event and it works perfectly and smoothly on my mobile. Could anyone help me?</p>
  
  <p>Thanks.</p>