Accordion inside tabs not displaying correctly

Accordion inside tabs not displaying correctly

Please forgive me if this is a silly question but I have jquery tabs, three to be exact.

The first tab has 4 accordions stack up on top of each other.

By default, the tab opens upon page load and by default first accordion is fully expanded.

Within each accordion, everything is visible.

However, management decided to make the first tab, the last tab and the second tab, the first tab.

After rearranging the tabs, the former first tab, now the third tab, with accordions is no longer showing details of each accordion.

Is there some css or some modifications I need to make to make sure this tab shows the accordions fully?

It is a very long code and I will be happy to post them here if you like.

A mixture of php and web services. So, kind of hard to put a demo in fiddle.


Thanks a lot in advance