Accordion Function for Content in Colossus

[lesliekirk]

Is there an Accordion Function that can be used for content other than the category tree?

[lesliekirk]

LOL, never mind, I added the basic jQuery Accordion.

[jfazar]

Hi, I want to have either accordion, or tab functionality, in our Colossus site and was wondering if you could tell me how you added the 'basic jQuery Accordion? Any help would be appreciated, thanks!

[lesliekirk]

Hi, I want to have either accordion, or tab functionality, in our Colossus site and was wondering if you could tell me how you added the 'basic jQuery Accordion? Any help would be appreciated, thanks!

Let's see if the forum is going to let me share this (is doesn't seem to like javascript)

I used this jQuery file https://code.jquery.com/ui/1.12.1/jquery-ui.min.js

followed by this script

$(document).ready(function() {
//toggle the component with class accordion_body
$(".accordion_head").click(function() {
if ($('.accordion_body').is(':visible')) {
$(".accordion_body").slideUp(300);
$(".plusminus").text('+');
}
if ($(this).next(".accordion_body").is(':visible')) {
$(this).next(".accordion_body").slideUp(300);
$(this).children(".plusminus").text('+');
} else {
$(this).next(".accordion_body").slideDown(300);
$(this).children(".plusminus").text('-');
}
});
});

[jfazar]

Hi Leslie, and thanks but where do I upload the jquery-ui.min.js to? And the script that you copied and pasted, where exactly does that go? If possible I need some more direction here please.

I saw another post of yours from a different thread form over a year ago where you mentioned using this accordion. Are you still using it?

https://jsfiddle.net/nikdtu/3amzhp6z/