clamothe / jquery-tools Goto Github PK

Let's say I have 11 tabs and I'm using the history plugin.

<a href="#tab1">..</a> 
<a href="#tab2">..</a> 
... 
<a href="#tab11">..</a> 

When I click the 1st tab, both the 11th tab and the 1st tab will be marked active (although only the first pane is displayed).

Line 118 of tools.tabs.js:
tab = tabs.filter("[href*=" + i.replace("#", "") + "]");

The href*= is matching both tab1 and tab11, because tab11 includes tab1.

A solution to this would be to use href$= instead of href*=