title: Mobile (touch) device friendly drop down menu in css / jquery
body: <p>I have been reading many topics on this subject, a drop down menu which is friendly on mobile devices.
  Many times it is considered best to have a non-hover action on the drop down menu.
  There are workarounds, with one being that the main hyperlink for the drop down item should link to a hashtag.</p>
  
  <p>This makes it work on mobile devices but for the normal desktop user, this would be confusing.
  So the solution would be to have a normal drop down menu for desktop users in which the first hyperlink also links to a page.
  For mobile users, the tap on an item will open the drop down menu, but a second tap on the main item will open the corresponding page.</p>
  
  <p>I have seen the following site and somehow their menu works exactly like that:
  <a href="http://www.hgtv.com/" rel="noreferrer">http://www.hgtv.com/</a>
  You can view this on a tablet and click on the main menu, tap that item again and you will know what i mean.</p>
  
  <p>But how can i find or download the exact similar setup for my own site?</p>
  
  <p>Thanks in advance</p>