Навигация по уровню jQuery 2 и наведение курсора / мыши

Question

Вот рабочий пример: http://jsfiddle.net/Y8Tvu/

У меня есть 2 UL с, каждый заполнен LI с.Когда я наведите курсор мыши на .nav-dayselector ul li a, jQuery используется для отображения соответствующего #hover-days ul li во втором UL (это необходимо, потому что фактический код используется внутри карусели при включенном overflow:hidden, поэтому нам нужно использовать 2отделите UL и покажите их следующим образом.

Это работает нормально - проблема в том, что когда вы наводите курсор мыши на всплывающее span (#hover-days ul li span), #hover-days ul li исчезает (см.пример jsFiddle )

Мне нужно остановить это fadeOut, когда мышь находится над диапазоном, чтобы вы могли использовать меню и выбирать элементы из :hover span.

Любой другой способ сделать это, работающий с двумя отдельными UL с, будет вполне подходящим. Любое простое исправление на jsfiddle, которое будет работать?

Answer 1

если вы сохраните ссылку на элемент, который вы можете скажите, чтобы он прекратил исчезать, когда он завис над но это требует от пользователя, чтобы достичь его с помощью указателя мыши, прежде чем его исчезло

  $(".nav-dayselector ul li a").each(function() {
    IndexLI = $(this).parent().index();
    var ele = $("#hover-days ul li:eq("+IndexLI+") span");

    $(this).hover(function() {
     ele.show();
    }, function() {
     ele.fadeOut();
    });

    ele.hover(function() {
     $(ele).stop().fadeIn();
    }, function() {
     $(ele).fadeOut();
    });
  });

В моем браузере, между прочим, работает браузер html / css (IE 8)