title: HASHTAG HARDSHIPS - How to Open a Menu Dropdown WITHOUT hashtag being placed in URL?
body: <p>So here is my issue. Say I have a menu bar that is supposed to become a dropdown when the user taps on it via a mobile device. Say that I also hate when the # symbol appears after my url when I click on said menu (www.google.com/# for example) I've been able to use the "animate scroll" javascript that allows me to smoothly scroll the site to an anchortag, which also hides the # symbol. But for some reason I am having issues trying to get my menu to open on small screens!</p>
  
  <p>Here is the menu html</p>
  
  <pre><code>&lt;div class=navmover&gt;
      &lt;nav id="effect" class="newClass"&gt;
          &lt;ul&gt;
              &lt;li id="mobibutton" class="lightupmobi"&gt;
                  &lt;a href="#" id="button"&gt;
                      &lt;div style="display:block !important;position:relative !important;top:8px !important;padding-left:0.5em !important;right:3px !important;text-align:left !important;"&gt;MENU&lt;/div&gt;
                      &lt;img id="mobibutton" src="images/nav-icon.png" style="position:relative !important;left:40% !important;"&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
              &lt;li id="hideme" class="lightup"&gt;
                  &lt;a id=link1 href=#intro&gt;Top&lt;/a&gt;
              &lt;/li&gt;
              &lt;li id="hideme" class="lightup"&gt;
                  &lt;a id=link2 href=#work&gt;Work&lt;/a&gt;
              &lt;/li&gt;
              &lt;li id="hideme" class="lightup"&gt;
                  &lt;a id=link3 href=#services&gt;Services&lt;/a&gt;
              &lt;/li&gt;
              &lt;li id="hideme" class="lightup"&gt;
                  &lt;a id=link4 href=#about&gt;About&lt;/a&gt;
              &lt;/li&gt;
              &lt;li id="hideme" class="lightup"&gt;
                  &lt;a id=link5 href=#contact&gt;Contact&lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>javascript used to open and close menu</p>
  
  <pre><code>&lt;!--Show Hide Button JS--&gt;
  &lt;script&gt;
      $(function() {
          $("#button1").click(function() {
              $("#effect").toggleClass("newClass", 1000);
              $("li").toggleClass("showme", 1000);
              return false;
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>javascript used to smoothly scroll between anchors</p>
  
  <pre><code>&lt;script type=text/javascript&gt;
      $(document).ready(function() {
          $("#link1").anchorScroll({fx:"easeInOutExpo"});
          $("#link2").anchorScroll({fx:"easeInOutExpo"});
          $("#link3").anchorScroll({fx:"easeInOutExpo"});
          $("#link4").anchorScroll({fx:"easeInOutExpo"});
          $("#link5").anchorScroll({fx:"easeInOutExpo"});
          $("#link6").anchorScroll({fx:"easeInOutExpo"});
          $("#link7").anchorScroll({fx:"easeInOutExpo"});
      });
  &lt;/script&gt;
  
  &lt;script type=text/javascript&gt;
      function scrollTo(b) {
          var a=$(b).offset().top;
          $("html,body").animate({scrollTop:a},"slow");
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Rest of the javascript in the site. Apologies... I realize it is a ton to look at.</p>
  
  <pre><code>&lt;script async type="text/javascript" src="//cdn.sublimevideo.net/js/kmaxx7p4.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"&gt;&lt;/script&gt;
  &lt;script async src=javascripts/svg.js&gt;&lt;/script&gt;
  &lt;script src=javascripts/jquery.js&gt;&lt;/script&gt;
  &lt;script src=http://html5shim.googlecode.com/svn/trunk/html5.js&gt;&lt;/script&gt;
  &lt;script src=http://code.jquery.com/jquery-1.9.1.min.js&gt;&lt;/script&gt;
  &lt;script src=javascripts/jquery-migrate-1.2.1.min.js&gt;&lt;/script&gt;
  &lt;script src=javascripts/jquery.animate.js type=text/javascript&gt;&lt;/script&gt;
  &lt;script src=javascripts/jquery.scrollanchor.js type=text/javascript&gt;&lt;/script&gt;
  &lt;script src=javascripts/jquery.sticky.js type=text/javascript&gt;&lt;/script&gt;
  &lt;script async src=javascripts/jquery.inview.js type=text/javascript&gt;&lt;/script&gt;
  &lt;script async src=javascripts/jquery.flexslider.js type=text/javascript&gt;&lt;/script&gt;
  &lt;script async src=javascripts/jquery.prettyPhoto.js type=text/javascript&gt;&lt;/script&gt;
  &lt;script src=http://vjs.zencdn.net/c/video.js&gt;&lt;/script&gt;
  &lt;script type=text/javascript&gt;function ReplaceContentInContainer(c,b){var a=document.getElementById(c);a.innerHTML=b}&lt;/script&gt;
  &lt;script type=text/javascript&gt;function preload(a){$(a).each(function(){$("&lt;img/&gt;")[0].src=this})}preload(["images/bg.png","images/cloudscape2.png","images/logo2.svg","images/logo2.png",]);&lt;/script&gt;
  &lt;script&gt;$(function(){$(".two").css("opacity",0).fadeTo(0,0);$(".one").on("mouseenter mouseleave",function(a){var b=a.type=="mouseenter"?$(".two",this).stop().fadeTo(200,1):$(".two",this).stop().fadeTo(200,0)})});&lt;/script&gt;
  &lt;script&gt;$(document).ready(function(){$("nav").sticky({topSpacing:0})});&lt;/script&gt;
  &lt;script type=text/javascript&gt;$(document).ready(function(){$("#link1").anchorScroll({fx:"easeInOutExpo"});$("#link2").anchorScroll({fx:"easeInOutExpo"});$("#link3").anchorScroll({fx:"easeInOutExpo"});$("#link4").anchorScroll({fx:"easeInOutExpo"});$("#link5").anchorScroll({fx:"easeInOutExpo"});$("#link6").anchorScroll({fx:"easeInOutExpo"});$("#link7").anchorScroll({fx:"easeInOutExpo"});});&lt;/script&gt;
  &lt;script type=text/javascript&gt;function scrollTo(b){var a=$(b).offset().top;$("html,body").animate({scrollTop:a},"slow");}&lt;/script&gt;
  &lt;script&gt;$(window).load(function(){$(".flexslider").flexslider({animation:"slide",slideshow:true,slideshowSpeed:3500,animationSpeed:1000})});&lt;/script&gt;
  &lt;script type=text/javascript charset=utf-8&gt;$(document).ready(function(){$("a[rel^='prettyPhoto']").prettyPhoto({social_tools:false,theme:"light_square"})});&lt;/script&gt;
  </code></pre>
  
  <p>If push comes to shove I can also give the link to my website so you can see for yourself on your phone/tablet and see the issue I'm having. Let me know if I'm being too vague and you guys need more info as well. Please help and thank you!</p>