La diferencia que observo en el html generado es que mientras usted aplica (mediante el js) la clase /active/ a /li/ seleccionado, en el referente que indica, están aplicando la clase al /a/:
Cita: <li>
<a href="#fragment-3"
class="current">
<span>Dates & Pricing</span>
</a>
</li>
Cita: <li
class="active">
<a href="#tab2">Dates & Spaces</a>
</li>
Entiendo que el /"current"/ de uno es el /"active"/ del otro.
Si no quiere investigar en el js, bastaría con añadir una nueva declaración en su css:
Código CSS:
Ver originalhtml ul.tabs li.active a {
color:#fff;
}
el selector lo construyo manteniendo su sintáxis.
Atentamente