title: How to open particular menu div in a new tab
body: <p>I have created a one page website. When i click on menu it go to particular div tag. When I right click on menu &amp; click on 'open in new tab' it opens url "www.mysite.com/#" instead it should open "www.mysite.com/#show-3". </p>
  
  <p>Please help me with this......soon</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>/**************Script used to open Different menu div on page*********************/
   $(".menu a").click(function(){
    var id =  $(this).attr('class');
    id = id.split('-');
    $("#menu-container .content").hide();
    $("#menu-container #menu-"+id[1]).addClass("animated fadeInDown").show();
    return false;
   });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="menu-wrapper"&gt;
    &lt;ul class="menu"&gt;
      &lt;li&gt;&lt;a class="show-1" class="MENUNAME" href="#" onclick="javascript:myFunction(this);"&gt;About Us&lt;/a&gt;&lt;/li&gt;                                   
   &lt;li&gt;&lt;a class="show-2" class="MENUNAME" href="#" onclick="javascript:myFunction(this);"&gt;Rooms&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a class="show-3" class="MENUNAME" href="#" onclick="javascript:myFunction(this);"&gt;Reservation&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a class="show-4" class="MENUNAME" href="#" onclick="javascript:myFunction(this);"&gt;Gallery&lt;/a&gt;&lt;/li&gt;  
      &lt;li&gt;&lt;a class="show-5" class="MENUNAME" href="#" onclick="javascript:myFunction(this);"&gt;Contact Us&lt;/a&gt;&lt;/li&gt; 
    &lt;/ul&gt; &lt;!-- /.menu --&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>