2010-02-08 10 views
1

Prob assez simple chose JQuery, mais je cherche à faire quelque chose comme ceci:JQuery li li onhover montrer une autre

<ul> 
<li>menu item1</li> 
<li>menu item2</li> 
</ul> 

qui sur les images d'affichage de vol stationnaire d'un autre UL LIlist par exemple

<ul> 
<li>image 1</li> 
<li>Image 2</li> 
</ul> 

Toute suggestion s'il vous plaît - = merci

+0

Voulez-vous écrire pour chaque vol stationnaire 'li' ou pour le' ul'? – rahul

Répondre

0

Vous devez quelque chose comme This mais lil bit modifié :)

0

Vous pouvez utiliser la méthode index (1.4) pour déterminer qui li était en vol stationnaire. Ensuite, faites les images visibles. Ce n'est qu'un début et nécessitera un peu de CSS, etc.

$("otherUl li").hide(); //hide all images to start 
    $("#myUL li").hover(function(){ 
     i = $(this).index(); //gets the current index 0 based 
     $("#otherUL li:nth-child(i+1)").show();//gets the index of the image element 1 based 
    } 
    , function(){ 
     $("#otherUL li").hide(); //hide all on mouse out 
    });