jquery - 在 JQuery (JSFiddle) 中使用切换 CSS：POST 请求？

Question

JSFiddle 链接如下。如何切换此菜单以在单击时打开和折叠？我的 JQuery 有一个 POST 请求问题，我不确定为什么我什至需要它来处理这样的事情。

HTML

<div id="navi1" class="navi">
    <ul>
        <li><a href="">Link1</</li>
        <li><a href="" class="sel">Link2</</li>
        <li><a href="">Link3</</li>
        <li><a href="">Link4</</li>
        <li><a href="">Link5</</li>
        <li><a href="">Link6</</li>
        <li><a href="">Link7</</li>
        <li><a href="">Link8</</li>
    </ul>
</div>

CSS

#navi1 ul {
    margin:0;
    padding:0;
    position:relative;
}
#navi1 li a {
    display:block;
    position:absolute;
    top:0;
    width:300px;
    background:pink;
    z-index:998;
}
#navi1 li a.sel {
    z-index:999;
}

jQuery

$(document).ready(function () {
    $("#navi1").click(function () {
        $("#navi1 li a").css("position", "relative");
    });
});

http://jsfiddle.net/Sj2bD/

Answer 1

不确定这种正确的做法是否javascript:;会阻止锚的默认操作执行：

<li><a href="javascript:;">Link1</a></li>


$(document).ready(function () {
   $("#navi1").click(function () {
       $("#navi1 li a").css("position", "relative");
   });
});

代码：jsFiddle