Automatically close accordions on a single color section

Hey AMconcept,

You can only have that functionality in an accordion if it’s in one accordion but if it’s separate, it won’t work since it doesn’t check for other accordions outside.
Though what you want to achieve is still possible using some javascript/jquery code. Can you give us temporary admin access? so we can try to add this then post what we have changed.
Just post the credentials in private content so it’s only visible to the moderators.

Best regards,
Nikko

Hi,

Thanks for giving us both admin and ftp access.
I have added this in the Developer ID of your section (wrapping the toggle) accordion-section
Then in your functions.php, I have added this php code (at the bottom):

function accordion_fn(){
	?>
	<script>
	$( document ).ready(function() {
		
		$( "#accordion-section .single_toggle .toggler" ).on("click", function() {
			var $el = $( "#accordion-section" ),
					fake_id = $(this).data("fake-id") + "-container",
					$id = $( fake_id ).attr('id');
			
			$el.find(".toggle_wrap").each(function(){
					var temp_id = "#" + $(this).attr('id');
					if( !( temp_id == fake_id ) ) {
						$(this).removeClass("active_tc");
					}
			});
			
		});
	});
	</script>
	<?php
}
add_action('wp_footer', 'accordion_fn');

However during theme update this tweak would be lost so I would suggest using a child theme: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#why-child-theme
Then remove the code I added in the functions.php of the parent theme and put it in the functions.php of your child theme.
Hope this helps.

Best regards,
Nikko

Hi,

I’m glad this was resolved. If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon