突出显示当前标签页？(Highlight current tab page?)

突出显示当前标签页？(Highlight current tab page?)

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

我使用带有多个标签的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>

Is there a way to highlight the current tab in my navigation bar?:

Im using 1 html file with multiple tabs. A little snippet of my navigation code:

<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>

最满意答案

使用jQuery可以很简单：

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

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

如果你出于某种原因不能使用jQuery，请告诉我

并使用默认活动：

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

Using jQuery it can be as simple as:

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

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

Let me know if you cannot use jQuery for whatever reason

And with a default active:

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