JQuery li на шоу другого человека

Question

Возможно, довольно простая вещь JQuery, но я собираюсь сделать что-то вроде этого:

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

Который при наведении курсора отображает изображения из другого списка UL, например,

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

Любые предложения, пожалуйста - = спасибо

Answer 1

Вы можете использовать метод index (1.4), чтобы определить, какой li был обнаружен.Затем сделайте изображения видимыми.Это только начало и потребует немного CSS и т.д., чтобы он выглядел хорошо.

   $("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
     }); 

Answer 2

Вам нужно что-то вроде Это , но немного изменено :)