javascript - Why is my Material Design collapsible list expandable animation not working? -


i'm using material design on website , have sort of comment section made collapsible list. want user able open several comments setting collapsible mode 'expandable'. want sliding animation open new comment not work. displays comment whitout animations. if want close (by clicking it), slides again.

so slides (when closing), not down (when opening).

example: expandable list @ bottom of this page.

as can see, have collapsible list expandable. (i'm using razor dynamiclly set content)

view:

<ul class="collapsible" data-collapsible="expandable">     @foreach (var item in model)     {         <li>             <div class="collapsible-header">                 //comment preview , date here...             </div>             <div class="collapsible-body">                 //display comment text etc here...             </div>          </li>     } </ul> 

and js initialization in document ready function. i've tried change accordion 'true' , animation works perfectly. tried set 'expandable = true', i'm sure if thing.

javascript:

$('.collapsible').collapsible({     accordion: false  }); 

i appreciate help. task exam it's bit important :)

the manual/example clear. firstly: when js running? it's inside doc ready event? , if check out example content of li divided header , body. example miss that.


Comments

Popular posts from this blog

ios - RestKit 0.20 — CoreData: error: Failed to call designated initializer on NSManagedObject class (again) -

laravel - PDOException in Connector.php line 55: SQLSTATE[HY000] [1045] Access denied for user 'root'@'localhost' (using password: YES) -

java - Digest auth with Spring Security using javaconfig -