jquery - CSS到JQuery：将悬停转换为点击？(JSFiddle)

Question

如何将此基于 CSS 的悬停菜单转换为单击？我认为 JQuery 是最干净的方式，但我很难切换类，因为它只会在瞬间打开菜单。任何帮助都会很棒。

http://jsfiddle.net/PrtvG/

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>