突出显示当前标签页？

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