我有一个导航菜单
<ul>
<li id="menu1">content</li>
<li id="menu2">content</li>
<li id="menu3">content</li>
<li id="menu4">content</li>
</ul>
我想使用 jQuery,这样当我将鼠标悬停在 li 项目上时,前一个和下一个兄弟姐妹的样式会发生变化。
例如; 当我将鼠标悬停在 .menu2 上时,.menu1 和 .menu3 的边框半径变为 8px。
我知道我不能用纯 CSS 做到这一点,但是使用 jQuery 的脚本会是什么?