2017-01-19 5 views
0

Ich habe eine Liste Ich möchte als Sidebar, die aus Musikgenres und Untergenres besteht.Zusammenklappbare Sidebar-Elemente in EmberJS

<ul> 
    {{#each model as |genre|}} 
    <li> 
     {{#link-to "listen.genre" genre}} 
     {{genre.title}} 
     {{/link-to}} 
     <ul> 
     {{#each genre.subgenre as |subgenre|}} 
      {{#link-to "listen.genre.subgenre" genre subgenre}}<li>{{subgenre.title}}</li>{{/link-to}} 
     {{/each}} 
     </ul> 
    </li> 
    {{/each}} 
</ul> 

Mein Problem ist herauszufinden, wie nur das ausgewählte Genre seine Untergenres anzeigen kann. Ich habe ein bisschen CSS, das funktioniert, wenn ich irgendwie die "aktive" Klasse zum entsprechenden Genre hinzufügen kann.

li ul { 
    display: none; 
} 

li.active ul { 
    display: block; 
} 

Antwort