jquery - リストjqueryの1つのアイテムを切り替えます

Question

私が欲しいのは、1つのリスト項目がホバーされたときに、div項目を切り替えますが、そのリスト項目だけです。

$("#posts li").hover(function(){
        $(".right").toggle("fast");

    });

私はこれを作成しましたが、すべてのリスト項目で div を切り替えており、私が望むものではありません。どうすればこれを達成できますか?. ありがとうございました

HTML を編集:

<ol id="posts">
   <li class="post text">
      <div class="right"></div>

   </li>
   <li class="post photo">
      <div class="right"></div>

   </li>
</ol>

Answer 1

たぁぁぁぁぁぁぁぁぁぁぁぁぁぁ

 $("#posts li").hover(function(){
      $(this).find(".right").toggle("fast");
   });

これを使用して、現在ホバリングされている li を選択し.right、それぞれの li 内にある div のみに検索を制限します。

Answer 2

コンテキストをこのリスト アイテムに限定できます。

$("#posts li").hover(function(){
        $(".right", this).toggle("fast");

    });

Answer 3

css はそのためにのみ使用できます。

#posts li .right { display:none; }
#posts li:hover .right { display:block; }