Hello,

I am trying to create a drop down list i have it working but not fully, using this code

$(document).ready(function(){
 $("#zone-bar li em").hover(function() {
var hidden = $(this).parents("li").children("ul").is(":hidden");

$("#zone-bar>ul>li>ul").hide()        
$("#zone-bar>ul>li>a").removeClass();

if (hidden) {
 $(this)
  .parents("li").children("ul").toggle()
  .parents("li").children("a").addClass("zoneCur");
 } 
  });
});

I am managed to make it work so on hover the drop down list will appear which is does but when you move to select one of the items from the drop down list the drop down list closes any help to fix this would be great thanks.

It works if i put it to onclick but then you have to click the arrow to close it again the website is doctorwhohd.com and it currently on onclick thanks