On page load I would like to style the default tab (the one showing) as active. But the current HTML structure doesn't allow for that (pls correct me if I miss something).

Here is the HTML when the page loads (the first li is the default tab):

<ul class="quicktabs-tabs quicktabs-style-nostyle active"><li class="active first"><a href="/content/contact-us-0?qt-contact_us_landing_page=0#qt-contact_us_landing_page" id="quicktabs-tab-contact_us_landing_page-0" class="active quicktabs-loaded jquery-once-2-processed">Listed alphabetically</a></li>
<li class="active"><a href="/content/contact-us-0?qt-contact_us_landing_page=1#qt-contact_us_landing_page" id="quicktabs-tab-contact_us_landing_page-1" class="active jquery-once-2-processed">Listed by country</a></li>
<li class="last active"><a href="/content/contact-us-0?qt-contact_us_landing_page=2#qt-contact_us_landing_page" id="quicktabs-tab-contact_us_landing_page-2" class="active jquery-once-2-processed">Listed by region</a></li>
</ul>

Strangely enough all li elements have the class "active" while only the default one should have active. I could work around this if the second list element had an additional class like "class="active second" but it hasn't.

Could somebody please point out how I could remove the "active" classes from the second and third list element?

I am confused that this question has not come up yet. Do I miss something or is this a bug?

Comments

smustgrave’s picture

Status: Active » Closed (outdated)

With D7 EOL approaching in a month I'm starting to triage the D7 side of quicktabs queue. This doesn't appear to have any code so believe this may not make it, sorry! Thanks though!

If still an issue or needed for 4.0.x (latest branch) feel free to reopen