<div class="menu_main"> <div class="menu_head"><a href="#">Menu Head</a></div> <div class="drop_div"> <ul class="drop_menu"> <li><a href="#">Menu11</a></li> <li><a href="#">Menu12</a></li> <li><a href="#">Menu13</a></li> </ul> </div> </div>
I m creating a hide and show menu. When click on menu head, it should show "drop_div" and when mouse out of main div (menu_main), it should hide "drop_div" . How can make such a solution using jquery? Please help me.
