AngularJSでアコーディオンを実装する場合、jqLiteを使用して実装しようと考える人もいるかもしれないがjqLiteにはslideToggle()が含まれていないためjQueryのように実装することはできない。 ※ちなみにtoggle()もない。(toggleClassはある) https://docs.angularjs.org/api/ng/function/angular.element ng-click,ng-class,CSSアニメーションで実装 ng-clickでクリックの検出および開閉(フラグ)の切り替え、ng-classでCSSクラスの追加・削除、そしてtransitionで開閉のアニメーションを追加すれば簡単に実装できる。 やり方は簡単。まず$scope.flag = false;で初期フラグを設定する。 angular.module('myApp', []) .
![AngularJSでアコーディオン(toggleボタン仕様)を1分で実装](https://cdn-ak-scissors.b.st-hatena.com/image/square/e3b60da98db1d944b20f9dd5b1bb154eebd89eff/height=288;version=1;width=512/https%3A%2F%2Fiwb.jp%2Fwp-content%2Fuploads%2F2015%2F01%2Fangularjs-accordion-toggle.png)