The problem is on the line
$('#tabs ul li a').click(function(){
which targets both parent and child tabs, instead of only parent ones. When the click on child tab occurs, fadeOut
is done for all #tabs > div
elements, effectively hiding all parent tabs with all their content.
Luckily fix seems to be pretty easy:
$('#tabs > ul li a').click(function(){
Here is the working fiddle.