JS中为一个元素绑定事件的方法中给其他的元素绑定事件！科学吗？

Question

我想做一个关于地图显示的问题，鼠标移到左边菜单的点时候显示地图上的点，同时移到左边菜单的另外的点的时候隐藏刚刚显示的点，显示属于自己的点
代码：

    // li是左边菜单的点 poshytip就是显示地图上的点的内容
    var li = $("<li>").mouseover(function () {
        jQsite.poshytip("show");
        $(this).siblings().mouseover(function () {
            jQsite.poshytip("hide");
        });
    });

但是这样做感觉有弊端。每一次移到li上的时候都会给其他的li添加mouseover事件，有什么好的方法可以解决这个问题呢。
哦，还有一个重要的问题没说，就是我需要要鼠标移开li的时候不会隐藏地图上的点，但是移到别的li的时候就要隐藏

Answer 1

直接给所有li绑定mouseover和mouseout事件就行了，干嘛在事件中又绑定事件，这样会累加事件，而且建议用mouseenter和mouseleave，要不mouseout移动到子元素也会触发

  $('左边菜单li选择器').mouseenter(function () { jQsite.poshytip("show"); }).mouseleave(function () { jQsite.poshytip("hide"); });