JQuery Ли onhover показать еще один LI

Question

PROB довольно простой JQuery вещь, но я ищу, чтобы сделать что-то вроде этого:

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

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

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

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

Answer 1

Вам нужно что-то вроде This но лил немного измененную :)

Answer 2

Вы можете использовать индекс метода (1.4), чтобы определить, какой литий был колебались. Затем сделайте изображения видимыми. Это просто начало и потребует некоторого 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 
    });