title: How do I freeze a dropdown thats clicked in CSS3, Javascript?
body: <p>I was following a dropdown menu tutorial:</p>
  
  <p><a href="http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-drop-down-nav-menu-with-html5-css3-and-jquery/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed:%20nettuts%20(NETTUTS)&amp;utm_content=Netvibes" rel="nofollow noreferrer">http://net.tutsplus.com/tutorials/html-css-techniques/how-to-create-a-drop-down-nav-menu-with-html5-css3-and-jquery/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed:%20nettuts%20(NETTUTS)&amp;utm_content=Netvibes</a></p>
  
  <p>What I really want to do is something like that, but to be able to make it so that when a user clicks on an item in the dropdown, then what the user clicked on is highlighted and even when the user moves the mouse away, the item the dropdown stays there and does not collapse to help give the user a frame of reference as to what page they are at. If the user selects another option in dropdown, then the previous one that the user clicked returns to normal and the new item the user clicked on gets highlighted.</p>
  
  <p>How do I accomplish this either with jquery, javascript, or is there a way just with CSS3 and HTML5?</p>