![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517063562/pvjsr7axhqtanxlae8uz.png)

I answered @elear 's[call](https://steemit.com/utopian-io/@utopian-io/usd5k-bounties-urgent-tasks-before-kickstarter-react-devs) to add an Accordion style to the FAQ and populate it through the API. @wehmoen took care of creating the new endpoint (thanks ;) )


### New Features
- Instead of being hardcoded, each element and sub-element of the FAQ is imported from the database. 
- To look more professional, an accordion style has been implemented. Sub-Categories automatically hide when another category is open:

![image.png](https://user-images.githubusercontent.com/32375533/35192404-7580d796-fecc-11e7-906d-ed17a88c0808.gif)

Current FAQ for comparative 

![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517064163/xc4bmnvuqmncm279efe3.png):


-The new FAQ component was created.

The related commits can be found in here:
- [Static Accordion](https://github.com/utopian-io/utopian.io/pull/269/commits/732fecd7eea66856c3d9efb145150f62b76dbafa)
- [Integration with API](https://github.com/utopian-io/utopian.io/pull/269/commits/81b4633a634fe1011c0e2de0a6a926e51d1b943b)

I have done some more work for utopian.io that will be posted once merged.

Cheers!

@stoodkev for @utopian-io
<div class="utopian-hide">Like what I do?  <a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=stoodkev&approve=1">Vote @stoodkev for witness!</a></div>


<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@stoodkev/add-accordion-api-integration-to-utopian-faq">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>