Twitter Bootstrap all tabs showing on page load

Twitter Bootstrap all tabs showing on page load

I have the tabs code working but on page load all the tabs are displayed… Once I click the second tab only that second tab’s content is displayed. I click back to the first tab and only the first tab’s content is displayed. Refresh the page and you see all the content on this first tab until you repeat the above steps. Any ideas what I am missing?

Content of first tab

Content of second tab

Solutions/Answers:

Solution 1:

Both tabs can’t have the class “active”

References

Related:  Programmatically set all form fields to ng-touched on form submission