点击下拉列表菜单中的选项，下拉列表消失,该怎么处理

点击下拉列表菜单中的选项，下拉列表消失



     function showMenu() {
     var cityObj = $("#citySel");
     var cityOffset = $("#citySel").offset();
     $("#menuContent").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast");

     $("body").bind("mousedown", onBodyDown);
     }
     function hideMenu() {
     $("#menuContent").fadeOut("fast");
     $("body").unbind("mousedown", onBodyDown);
     //验证IE8时解决聚焦的问题
      if($.browser.msie) {  
       validateValue("#codeForm");
     } 
     $("#citySel").blur();
     }
     function onBodyDown(event) {
     if (!(event.target.id == "menuBtn" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
     hideMenu();
     }
     }
点击链接出现下拉列表，点击下拉列表中的选项后如何使下拉列表消失

------解决思路----------------------
下拉列表的选项不是a标签吗？直接调用hideMenu()方法啊

js里面加一句window.onload = onBodyDown; 
点击其他标签时  下拉列表也会消失
------解决思路----------------------
$("#treeDemo").find("li").click(function (){
                   hideMenu();
});
页面初始化时加上这句