Is it possible to have 2 levels of tabs? about jquery-accessible-tabs-aria HOT 4 CLOSED

Hi,

yes it is possible, in fact, I made the choice to have "cool" selectors like $all_tab_links = $parent.find( ".js-tablist__link" ) which are selecting all childs (including sub-childs). It allows to be cool if you need extra-divs in the tab structure (and nested tabs are not the most frequent case I have).

However if you want to have nested tabs, it can create problems, like the one you encountered. :-\

I've made a quick test with stricter selectors like > .js-tablist > .js-tablist__item:first-child > .js-tablist__link (see attached file), it seems to be ok with nested tabs for me, could you test and confirm it is working for you ?

jquery-accessible-tabs.zip

If it is okay for you, I will probably upload this file and explain the workaround. Anyway, at the next refactoring, I will probably set it up as an option.

Could you confirm it works now?

from jquery-accessible-tabs-aria.

We tested this, it works very nicely! Thank you for the fast fix.

from jquery-accessible-tabs-aria.

Thanks for testing it too (it was quickly-done) :)

from jquery-accessible-tabs-aria.

Hi,

updates are committed, see https://github.com/nico3333fr/jquery-accessible-tabs-aria/blob/master/jquery-accessible-nested-tabs.js ;)

Thanks a lot.

from jquery-accessible-tabs-aria.