如何将此基于 CSS 的悬停菜单转换为单击?我认为 JQuery 是最干净的方式,但我很难切换类,因为它只会在瞬间打开菜单。任何帮助都会很棒。
HTML
<div id="navi1" class="navi">
<ul><li><a href="">Link1</a></li><li class="sel"><a href="">Link2</a></li><li><a href="">Link3</a></li><li><a href="">Link4</a></li><li><a href="">Link5</a></li><li><a href="">Link6</a></li><li><a href="">Link7</a></li><li><a href="">Link8</a></li></ul>
</div>
<div id="navi2" class="navi">
<ul><li><a href="">Link1</a></li><li class="sel"><a href="">Link2</a></li><li><a href="">Link3</a></li><li><a href="">Link4</a></li><li><a href="">Link5</a></li><li><a href="">Link6</a></li><li><a href="">Link7</a></li><li><a href="">Link8</a></li></ul>
</div>
<div id="navi3" class="navi">
<ul><li><a href="">Link1</a></li><li class="sel"><a href="">Link2</a></li><li><a href="">Link3</a></li><li><a href="">Link4</a></li><li><a href="">Link5</a></li><li><a href="">Link6</a></li><li><a href="">Link7</a></li><li><a href="">Link8</a></li></ul>
</div>