Bootstrap list group w nav - problem chowanej zawartości

Question

Hej chcę zrobić menu z przełączaną zawartością kategorii z przełączną zawartością. (Czyli nav menu z zawartością tab w których to tabach jest tab lista) Wszystko niby dobrze idzie, ale używając klas bootstrapa do określenia sekcji która ma się pojawiać i znikać służy klasa .tab-content. Problem w tym, że wewnętrzny chowany content też użyje tej klasy. Wynik tego jest taki, że następuje mały zgrzyt i nie zawsze chowa się poprzednia zawartość z głównego menu.
Czyli struktura w uproszczeniu wygląda tak:

<menu z przełączaną zawartością>
    <lista z przełączaną zawartością>
        <zawartość></>
       <zawartość></>
    </>
   <lista z przełączaną zawartością>
        <zawartość></>
       <zawartość></>
    </>
</>

Ma ktoś jakiś pomysł na rozwiązanie tego? Mój kod wygląda tak:

http://pokazkod.pl/a880d89863065497e2364c6a1bab73367b2351a968bda20c1a