Jump to content


This topic is now archived and is closed to further replies.


Nested Accoridons

Recommended Posts


Sorry Ellen if I am a bit slow here, but how in the world do I set up nested accordions?!  


I see it working properly in the demo, but I don't really see any FAQ on it or instructions other than setting up a normal accordion.


Thanks in advance.

Share this post

Link to post
Share on other sites

rekent Sorry no instructions on nesting the accordions, I am writing a blog post about how to nest them.


In the meantime, the way to nest the accordions is to use the accordions shortcode inside the accordion post you want the nested set to appear.


The shortcode is 


 and the attributes you can use are as follows;

           accordion_orderby= ID (default), title, date, modified or random
            accordion_order = DESC (default) or ASC,
            accordion_title_color = #000000 (Default),
            accordion_background = #f2f2f2 (Default),
            content_color = #000000 (Default),
            content_background = #ffffff (Default),
            accordion_icon = no (Default) or yes,
            accordion_open = no (Default) or yes,
            accordion_first = no (Default) or yes,
            accordion_set = default-accordions (Default) or put in accordion set slug,
            accordions_id => rand() (Default) or give an id for greater control
So say you have a set category named Business Faqs with the slug business-faqs and you want to nest them the shortcode would be
[accordions accordion_set="business-faqs"]

As you can see accordion_set is one of the attributes in the list. You can then add as many of the attributes that you need, i.e. if you want the accordion title to have a black background and white text the shortcode would be

[accordions accordion_set="business-faqs" accordion_title_color = "#FFFFFF" accordion_background = "#000000"]

I hope that helps explain how to nest an accordion set within an accordion.


Let me know if you have any more questions.



Ellen Moore

Pagelines Developer

www.elsue.com www.betterdms.com

Share this post

Link to post
Share on other sites

  • Similar Content

    • petere21
      By petere21+
      As I understand El Sues Accordions section is broken. Simon solved this problem by fixing section and we need to download it again.
      But in my account in download area there is no accordions section to download. Where can I download it? !!! Asap please my web is broken.
    • chamois_blanc
      By chamois_blanc+
      All accordion entries are shown every time, independently of the set selected. See example here:
      The first accordion should only show the 2nd and 3rd entries, instead of all of them. The second accordion should only show the 1st entry.
      Please fix asap! I haven't changed anything to my content in a few weeks and it was working fine before. I am guessing this appeared in one of the latest DMS updates. I am going to use some CSS to try to hide the undesirable entries.
    • balfred1345
      By balfred1345
      Hi Ellen,
      I've tried every way I could think of to use CSS to get rid of what I assume is padding or margin from the top of the accordion section so that it can be closer to the <p> above it. 
      Here's a screenshot of the way it looks now:  http://screencast.com/t/2c66f6y0dex
      If you'd like to look at the page please see: http://whub34.webhostinghub.com/~videoh6/cidev2.com/moving-services/mankato-mn-movers/
      I'd like to have the accordion section with the word "More" much closer to the paragraph line above it. If you look at the CSS you'll see several instances where I put in margin: 0 !important; and padding: 0 !important.
      Can you please tell me how I can adjust the section so it is closer to the paragraph above it?
      This site is on latest versions of DMS 2 and WP. 
      Many thanks,
    • flourishdesignstudio
      By flourishdesignstudio+
      I wanted to let the community know that there is a problem that has happened on a couple of DMS sites that we manage. The problem is that there are certain plugins/sections that DMS uses (such as 'Accordions' and 'Sidekick') that will appear to have an update. However, when you actually update the plugin it is replaced but a similarly named plugin. Here are the original plugins:
      Original: http://dms.elsue.com/accordions/ (authored by @ellenmva)
      Replaced with: https://wordpress.org/plugins/accordions/
      Original: http://www.pagelines.com/shop/third-party-extensions/sidekick/ (authored by Evan Mattson)
      Replaced with: https://wordpress.org/plugins/sidekick/
      I just wanted to know if there is anything I can do to make sure that other plugins/sections do not get replaced when I update them in the future as well as bring it to the DMS community's attention so that others do not experience the same confusion and frustration. Any thoughts would be very welcome in order to avoid this in the future.
    • alisamski
      By alisamski+
      Using the accordion section... and I am trying to link a menu item to the accordion title.. not individual areas...
      My links work in the main menu, linking to an accordion title... however, they seem to have issues... I have two accordions on this page...
      When I use the menu link (below).. it breaks the accordion action... it will not open the accordion to show all the content.
      however when I go to the actual page.. there is no issue.
      Please if you can take a look, I'd appreciate it.. not sure if I have the link correct.