Interactions on page below not working as they were last week:
https://new-venture-3.webflow.io/our-story
The interactions only work the first time a tab is changed?
Expected result: Whenever a tab is active the “.tab-label” that is a child of the trigger becomes underlined by changing the underline colour from transparent to black.
Current results: After page loads the first tab (.about-tab) is automatically active. When user goes to a different tab the “.tab-label” that is a child of the trigger becomes underlined by changing the underline colour from transparent to black. However if the user clicks a previously active tab i.e. The user takes these steps:
-
Page Load: - “.about-tab” is active the “.tab-label” that is a child of “.about-tab” is underlined
-
Tab Click 1: User clicks a new tab ex. “Our Gold” – this makes the “.tab-label” that is a child of “.gold-tab” underlined
-
Tab Click 2 User re-activates “.about-tab” by going back to the “About Us” tab. Tab content shows BUT the “.tab-label” that is a child of “.about-tab” is NOT underlined.