rizwansyed Posted July 24, 2018 Share Posted July 24, 2018 Hi Am working on nested tabs, but level 1 tabs work fine but all the level 2 tabs displays data at once. I have attached a source code . For example, with attached code when i click on London->open Collapsible That time internal 3 tabs data in "open collapsible" are visible at once. How can i hide it? Please suggest Thanks and Regards Rizwan Syed test.txt Link to comment Share on other sites More sharing options...
Funce Posted July 31, 2018 Share Posted July 31, 2018 Hi there Rizwan Syed! I had a look through your code, and your class 'tabcontent1' isn't actually defined as being hidden, it gets shown when everything else does. .tabcontent1 { float: left; padding: 0px 12px; border: 1px solid #ccc; width: 70%; border-left: none; height: 300px; } I suggest you add a 'display: none' in there and see if that does what you'd like. Link to comment Share on other sites More sharing options...
dsonesuk Posted July 31, 2018 Share Posted July 31, 2018 The bigger problem is that is not nested correctly, you nest only content within the body element, not insert another body element with its own content. Validating here https://validator.w3.org/ would have pointed that out Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now