次のメニュー構造があります。
<ul class="menu">
<li class="first leaf"><a href="#" title="" class="active">Home</a></li>
<li class="expanded"><a href="#" title="Products">Products</a>
<ul class="menu">
<li class="first leaf"><a href="#">Product 1</a></li>
<li class="leaf"><a href="#">Product 2</a></li>
<li class="leaf"><a href="#">Product 3</a></li>
<li class="last leaf"><a href="#">Product 4</a></li>
</ul
<li>
<li class="expanded"><a href="#" title="Products">Products Level 2</a>
<ul class="menu">
<li class="first leaf"><a href="#">Product 5</a></li>
<li class="leaf"><a href="#">Product 6</a></li>
</ul>
<li>
</ul>
私がやろうとしているのは、項目がホバーされたときに、親メニュー項目を変更しProduct 1
たいということです。Products
子に基づいて親をターゲットにしようとすることで、これを行うために CSS を調べましたが、それはできないようです。
これはjQueryで実行できますか?
ありがとう