Custom Accordian

I followed the video instructions for the accordion interactive demo. The first section expands and contracts but the rest do not. The example and the current editor are slightly different. The finished project works and the starter with my edits does not only on the first section. The other three (3) sections are contracted but do not expand. The apply to many does not work. Any help is greatly appreciated. I paid for the interactive addon and I think I have thirty (30) days to return for a refund. Any help is greatly appreciated.


Bruce W Conley

Hey @bwconley,
Sorry to hear you are struggling. Maybe you can provide some screen-shots of your animations? Ideally, if you could use a file transfer service to supply the whole project I could find the problem a little easier.


Here is the link with the project folder/files:!AidumY4GsoxuhOE-FvQmpXh9ZggjyA?e=NwGod0



Bruce W Conley - The Computer Coach

3717 2nd Avenue
Beaver Falls, PA 15010-3401

Office/Cell: 724-316-9737
Fax: 425-675-1483


Hey Bruce,
Two mistakes

  1. If you look at your ‘.accordion–header’ apply to many interaction you can see it is orange.

    In Pinegrow, that color either means you are actively working on the field, or there is an error. In this case, it is the later - you misspelled ‘accordion’ as ‘accordian’
  2. I guess you didn’t change the selector for the first timeline animation for the ‘.accordion–header’. You have:

    It should be:

    This selector will travel up the DOM tree to the ‘.accordion–item’ parent, and then down the tree to the ‘.accordion–content’ that should be animated. Your selector will always choose the sirst section of content.
    Good Luck!
1 Like

Thanks… made the changes and it works…