показать div в зависимости от выбора

Question

У меня есть следующее http://jsbin.com/useqa4/10

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

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

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

Например:

• для первого li div #prasentRight

• для второго li div #elitRight

• для третьего li div #suspendisseRight

• для четвертого lidiv #laoreetRight

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

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

Answer 1

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

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

Показывает текущий индекс элементов списка зависания в атрибуте title элемента, демонстрация в JS Bin .