title: Drop down menu with jquery and css
body: <p>I need to create the below mentioned kind of drop down menu for my existing server side menu item after the page loads.I hope it can be done by using jquery and css dynamically after the page loads.So can I have any support (without Twitter Bootstrap,Hence it's not using my project)?</p>
  
  <p>I need this kind of feature.</p>
  
  <p><img src="https://i.stack.imgur.com/VPQDn.png" alt="enter image description here"></p>
  
  <p>For the existing this Server side menu.</p>
  
  <p><img src="https://i.stack.imgur.com/JnA6f.png" alt="enter image description here"></p>
  
  <p>HTML for existing menu</p>
  
  <pre><code>&lt;div&gt;
      &lt;a onclick="eraseCookie('selectedTab')" href="http://localhost:6341/provider" title="Pet Care Professional"&gt;Pet Care Professional&lt;/a&gt;
      &lt;a onclick="eraseCookie('selectedTab')" href="http://localhost:6341/owner/company" title="Company"&gt;Company&lt;/a&gt;
      &lt;a onclick="eraseCookie('selectedTab')" href="http://localhost:6341/provider/tour" title="Product Tour"&gt;Product Tour&lt;/a&gt;
      &lt;a onclick="eraseCookie('selectedTab')" href="http://localhost:6341/owner/getinfo" title="Contact Us"&gt;Contact Us&lt;/a&gt;
      &lt;a onclick="eraseCookie('selectedTab')" href="http://localhost:6341/" title="For Pet Owners"&gt;For Pet Owners&lt;/a&gt;
      &lt;a onclick="eraseCookie('selectedTab')" href="http://localhost:6341/owner/BlogFeeds" class="selected" title="Blog Feeds"&gt;Blog Feeds&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>