Question

我已经看到了很多突出显示当前标签的方法，但它们都是单独的html页面，因为我没有使用不同的页面，例如about.html，services.html等。

我目前正在使用包含我需要的信息的div，每当我点击“关于”标签时，div就会显示有关信息。但我不确定如何突出显示标签。

以下是我身体中的html：

<div id="wrapper">
<ul><li><a href="Javascript:ShowContent('about');
                 Javascript:HideContent('graph')"
                 class="about"></a></li>

    <div class="portfolio"><a class="portfolio"><span>Portfolio</span></a></div>

    <div class="accordionContent">
            <a href="Javascript:HideContent('about');
                     Javascript:ShowContent('graph')"
                class="graph"></a>
    </div>
</ul>

菜单使用背景图形，所以我想用另一个替换原始图形。另外，正如您所看到的，我也在使用手风琴菜单。我不确定它会对结束代码产生多大影响，但我认为我应该包含它。

Answer 1

$(".tabHeader").click(function() {
    $(".selectedHeader").removeClass("selectedHeader");
    $(this).addClass("selectedHeader");
    // Do your other stuff to show the correct tab.
});

.selectedHeader的css规则可以更改颜色，背景图像等。

JQuery - 突出显示导航中的当前选项卡

1 个答案: