如何使用javascript控制当前效果

我有html表单，其中包含一个选项卡菜单的代码是

<ul id="menu">
    <li><a href="f?p=&APP_ID.:1:&SESSION.:" class="active">Home</a></li>
    <li>
        <a href="f?p=&APP_ID.:400:&SESSION.:" class="current">Leave Eligibility</a>

    </li>
    <li><a href="f?p=&APP_ID.:450:&SESSION.:" class="current2">Apply Leave</a></li>
    <li><a href="f?p=&APP_ID.:300:&SESSION.:" class="current3">Change Password</a></li>
    <li><a href="f?p=&APP_ID.:11:&SESSION.:" class="current4">Applied Leaves</a></li>
        <li><a href="f?p=&APP_ID.:25:&SESSION.:" class="current4">Holidays</a></li>
        <li><a href="f?p=&APP_ID.:445:&SESSION.:" class="current4">Contact</a></li>
</ul>

因此，默认情况下，主页选项卡在页面加载时处于悬停状态。 当我单击“休假资格”选项卡时，主页选项卡的悬停效果将被禁用，并且 “休假资格”选项卡将悬停。 我想使用javascript/jquery来控制它。

---

所以，任何人都请告诉我怎么做。

如果您正在使用记事本，请尝试使用代码段

在你的主页上，设计应该是这样的

    <li><a href="f?p=&APP_ID.:1:&SESSION.:" class="active">Home</a></li>
    <li>
        <a href="f?p=&APP_ID.:400:&SESSION.:" class="current">Leave Eligibility</a>

    </li>

---

检查此处的输出

您提供给我们的页面无法访问。我想现在您可以看到结果检查链接您正在使用什么环境开发页面？抱歉，上次发布。当我在链接中尝试此代码时，它会显示当前输出。但当我尝试在另一个选项卡中打开链接时，它会显示错误的输出。感谢RegardI我正在使用记事本编写代码是的，我可以这样做，它会工作。我也可以使用javascript来做。如果是，请告诉我regardsclass在“我的主页”选项卡中的活动情况。因此，我将删除所有其他类选项卡或其他选项卡。@user1314585:检查我在answer@user1314585：是的，您可以删除它

    <li><a href="f?p=&APP_ID.:1:&SESSION.:" class="active">Home</a></li>
    <li>
        <a href="f?p=&APP_ID.:400:&SESSION.:" class="current">Leave Eligibility</a>

    </li>

 <li><a href="f?p=&APP_ID.:1:&SESSION.:" class="current">Home</a></li>
    <li>
        <a href="f?p=&APP_ID.:400:&SESSION.:" class="active">Leave Eligibility</a>

    </li>

$("a").live('click', function() {
  $("a").removeClass("active");
  $(this).addClass("active");
  return false;
});