afficher un div en fonction de la sélection

Question

je les suivantes http://jsbin.com/useqa4/10

Ma question est la suivante: Dans le sous-menu que je passe la souris des éléments li en utilisant les éléments suivants

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

Quand je capotage sur ces la section droite Je veux changer et montrer une div spécifique.

Par exemple:

• pour la première li la div #prasentRight

• pour la deuxième li la div #elitRight

• pour la troisième li la div #suspendisseRight

• fo r la quatrième li la div #laoreetRight

Mon difficile est que je ne sais pas comment obtenir l'indice actuel de .submenuList li

Toute aide?

Answer 1

Je pense que cela devrait fonctionner:

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

montre l'indice actuel de la liste plané sur les éléments-dans l'attribut title de l'élément, demo at JS Bin.