jquery - JQuery li onhover show another li

Question

おそらく非常に単純な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

あなたはこのようなものが必要ですが、少し変更されています:)

Answer 2

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
     });