# Accordion Component **URL:** \ **Category:** ionic-v1\ **Created:** [January 9, 2014, 4:50am UTC](https://forum.ionicframework.com/t/accordion-component/461 "2014-01-09T04:50:40Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![hussainb](https://avatars.discourse-cdn.com/v4/letter/h/4491bb/32.png) [@hussainb](https://forum.ionicframework.com/u/hussainb)\ **Post date:** [January 9, 2014, 4:50am UTC](https://forum.ionicframework.com/t/accordion-component/461/1 "2014-01-09T04:50:40Z")
hello, This is my first post and I find ionic intriguing and looking forward to use it in one of my projects. While studying ionic, I couldn’t find an accordion component. Is it not really available yet or am I missing something ? What I wanted to do is to create a List containing Sub lists, But as I couldn’t find a way to do that, I looked for accordion. ---
**Author:** ![kettlepopper](https://avatars.discourse-cdn.com/v4/letter/k/da6949/32.png) [@kettlepopper](https://forum.ionicframework.com/u/kettlepopper)\ **Post date:** [January 9, 2014, 7:49pm UTC](https://forum.ionicframework.com/t/accordion-component/461/2 "2014-01-09T19:49:38Z")
You can easily create this your self using css and ng-click until ionic makes their own implementation. What I did is set the max-height:0px then on click I call a function in the controller that sets max-height: none if I remember correctly. ---
**Author:** ![hussainb](https://avatars.discourse-cdn.com/v4/letter/h/4491bb/32.png) [@hussainb](https://forum.ionicframework.com/u/hussainb)\ **Post date:** [January 11, 2014, 11:48am UTC](https://forum.ionicframework.com/t/accordion-component/461/3 "2014-01-11T11:48:14Z")
@kettlepopper, It Is really a good idea.I will give it a try. Thank You ! ---
**Author:** ![badpenguin](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/badpenguin/32/98075_2.png) [@badpenguin](https://forum.ionicframework.com/u/badpenguin)\ **Post date:** [March 17, 2016, 4:19pm UTC](https://forum.ionicframework.com/t/accordion-component/461/4 "2016-03-17T16:19:29Z")
Well, you’ve asked this a lot of time ago, wonder if interested: i’ve wrote this directive: [http://codepen.io/badpenguin/pen/MyJEvy](http://codepen.io/badpenguin/pen/MyJEvy)