javascript - Bootstrap nested tab not displaying until being re-selected -


I am preparing an admin panel for my application using the nested tabs.

  1. Activated and visible initially

    -1A initial active and visible

    -1 B inactive

    -1c idle

  2. idle

    -2A is not initially active but visible

    - 2b inactive < P> -2c inactive

    2a is not visible before because its parent (2) is not active, but 2A has no tag:

      & lt; Li class = 'active' & gt;   

    When I click on Tab 2, Tab 2A appears to be active, but the tab-panel is empty. To see if the page source shows the data in the tab-panel for 2A, I will have to click on tab 2b, then click back on tab 2a. My first thought was to overcome. Activating 2A requires users to click 2A instead of activating it, then activate again to display the content. When 2 tabs are clicked, then what should I do for 2A to appear immediately, sorry for the long description is the code below, if you are easy to sort.

    I placed the HTML code in this code because it was too long to include in the post.

    Edit:

    There is a working child who shows the right issue correctly, trying to correct I:

    Drag the result pane as much as possible so that the content can be displayed. When you click the "Users" button in the leftmost menu, the initial active panel content is not displayed. You must click on "Add User" or "Trash", then click on "User" to see the contents of the PAN.

    I think that when you switch, you can activate it manually to activate Must be added to the panel that tab and

    I updated you

    This was the easiest solution I hope it helps.

    Comments

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -