2010-11-13 5 views
0

У меня есть следующие http://jsbin.com/useqa4/10показать DIV в зависимости от выбора

Мой вопрос заключается в следующем: В подменю я парить некоторые Li элементы, используя следующие

$(".submenuList li").hover(function() { 
    $(".submenuCurrent").removeClass("submenuCurrent"); 
    $(this).addClass("submenuCurrent"); 
    }); 

Когда я опрокидывание на любом из этих правый раздел Я хочу изменить и показать конкретный div.

Например:

  • для первого Л.И. сНу #prasentRight

  • для второго Л.И. DIV #elitRight

  • для третьего Л.И. сНа #suspendisseRight

  • fo г четвёртая Л.И. ДИВ #laoreetRight

Мой трудно, что я не знаю, как получить текущий индекс .submenuList li

Любая помощь?

+1

Лучше использовать какой-либо атрибут, например 'data-id' или' data-div', но для получения индекса это просто 'var i = $ (this) .index();' , –

ответ

1

Я думаю, что это должно работать:

$('submenuList li').hover(
    function(){ 
    var thisIndex = $(this).index(); 
    $(this).attr('title',thisIndex); 
    }); 

Показывает текущий индекс носилась поверх элементов списка в атрибуте элемента, demo at JS Bintitle.

+0

Спасибо, Дэвид! Я на этом шаге теперь http://jsbin.com/useqa4/16 Как я могу предотвратить divs от этого поведения они имеют когда они изменяют? если я использую только show(), это не проблема, но мне нужно сместить потом, и у меня неправильное поведение, когда я быстро двигаю курсором. Что я могу сделать для этого? Благодаря!!! – Sotiris

+0

@ Сотирис, честно? Я задал бы другой вопрос и надеюсь, что @Nick Craver или @Patrick dw ответит на него ... Извините = / –

Смежные вопросы