How to create navigation slide menu in Angular?

Question

Angular

I'm trying to create a vertical menu in Angular. Here's an example of the desired effect: jsfiddle.net/N56vW/30 .
Can you please explain why when the value of the expand variable changes , the effect is triggered only for the selected link?
In this example, I only slightly changed the markup for my task: jsfiddle.net/w830o3zc/11 . When you click on the link, both lists fire, just as it should in the first example.
How can I get only the selected list to open? Monitor each dropdown as a separate variable -bold.
PS I have been looking at UI Bootstrap. There are no suitable directives. Dropdown has a non-disabled auto-close. Collapse conflicts with the dropdown-menu class.
PPS This is the menu template I'm trying to rewrite in Angular: http://devoops.me/themes/devoops/

Answer 1

because the ngRepeat directive creates a separate scope for the element that was rendered with it,
like this should be
jsfiddle.net/ruddy22/kej02a1b