Bootstrap Accordion Using XSLT

aehsan's Avatar


01 Oct, 2014 01:22 PM


I have an XSLT that works beautifully to create a Jquery accordion of News by Year. I am attaching that script. Here is a sample of what it does:

I am trying to modify the same script to use Bootstrap Collapse (accordion). I am not able to figure out how I could code for things like #collapseTwo, #collapseTwo and collapseOne, collapseTwo that are needed for Bootstrap collapse/accordion to work. I am attaching Bootstrap HTML code for accordion. We are trying to eliminate JQuery accordion since we are trying to build a fully responsive site within Cascade.

Of course, I use an Index Block to create the page.

Any thoughts/help would be appreciated.



  1. 1 Posted by Ryan Griffith on 02 Oct, 2014 02:19 PM

    Ryan Griffith's Avatar

    Hi Akbar,

    I think all you need to do is adjust the HTML within the loop that outputs the year heading and lists the pages. When you have a moment, give the attached XSLT Format a try and let me know how it works out.

    Please let me know if you have any questions.


  2. 2 Posted by aehsan on 03 Oct, 2014 07:40 PM

    aehsan's Avatar

    Hi Ryan,

    Thanks. I got it done. I later realized that the HTML I sent to you you was for bootstrap 2.3. I needed to code for version 3.2. It is done.

    Thanks for your your response.

    Please close this ticket.


  3. 3 Posted by Ryan Griffith on 03 Oct, 2014 07:44 PM

    Ryan Griffith's Avatar

    Thank you for following up, Akbar. I am glad to hear you were able to incorporate the HTML into your Format.

    Have a great day!

  4. Ryan Griffith closed this discussion on 03 Oct, 2014 07:44 PM.

Discussions are closed to public comments.
If you need help with Cascade CMS please start a new discussion.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac


26 Aug, 2016 01:19 PM
25 Aug, 2016 03:02 PM
25 Aug, 2016 12:50 PM
24 Aug, 2016 08:43 PM
24 Aug, 2016 07:20 PM
21 Aug, 2016 01:20 PM