Accordion list with OnsenUI

Question

Is this possible with OnsenUI? http://codepen.io/ionic/pen/uJkCz

I am sure I saw a demo of it in the docs before the 1.1 update, but I can't find it now. Does such a demo exist and, more importantly, is it possible to do this with the framework?

The trivial example below is not encouraging:

<ons-list>           
    <ons-list-item modifier="chevron">One</ons-list-item>
    <ons-list-item modifier="chevron">
        <ons-list>           
            <ons-list-item modifier="chevron">One</ons-list-item>
            <ons-list-item modifier="chevron">Two</ons-list-item>
        </ons-list>
    </ons-list-item>
</ons-list>

Answer 1

Yes, it is. Please see http://codepen.io/onsen/pen/vjlsF

Note that different from ionic, Onsen UI does not include ngAnimate initially. You should use the following statement.

angular.module('myApp',['onsen','ngAnimate'])