Jump to content

Recommended Posts


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


Link to post
Share on other sites

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 post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...