JQuery 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）方法来确定哪些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
     });