突出显示当前标签页？

Question

有没有办法在我的导航栏中突出显示当前选项卡？:

我正在使用 1 个 html 文件和多个选项卡。我的导航代码的一小段：

    <div id="nav">
    <ul id="ulnone">
      <a href="#" class="navbutton" onclick="return show('fixed-tab-1');">Mijn Profiel</a>
      <a href="#" class="navbutton" onclick="return show('fixed-tab-2');">Ranglijsten</a>
      <a href="#" class="navbutton" onclick="return show('fixed-tab-3');">Voorspellingen!</a>

Answer 1

使用jQuery可以很简单：

http://codepen.io/anon/pen/BKweBj

jQuery:
   $(".tab").click(function () {
   $(".tab").removeClass("active");
   $(this).addClass("active");  
});

如果您出于任何原因无法使用 jQuery，请告诉我

默认激活：

http://codepen.io/anon/pen/ONORmG

突出显示当前标签页？

Highlight current tab page?

tabs

highlight