ChronoForms V5 Accordion Doesn't Work

Question

Hi,

I'm trying to build a chronoforms accordion. I followed the tutorial from this page http://www.chronoengine.com/faqs/2660-how-can-i-build-a-tabbed-form.html and did a quick mockup to test its functionality.

The accordion shows normally as it should but when clicking a new slider the accordion doesnt collapse the previously opened slider as in this demo http://greyhead.org/index.php?option=com_chronoforms&tmpl=component&chronoform=demo_form_sliders .

Am i missing something or is this a bug?

Heres what I'm seeing, http://184.154.228.17/~townofsa/index.php?option=com_chronoforms5&chronoform=test1-contact

The tutorial looks like its for v4 so maybe I need to do something different in v5 to make it work?

Thanks

Max_admin · Accepted Answer

Hi Tgoodrich,

Please try the snippet below into a "load js" action:


jQuery(document).ready(function($){
	$('.panel-collapse').on('show.bs.collapse', function(){
		$.each($(this).closest('.panel-group').find('.in'), function(i, inp){
			$(inp).collapse('hide');
		});
	});
});

Regards,
Max

Forums

ChronoForms V5 Accordion Doesn't Work