Accordion title change when active

Hey Byrne,

Thank you for the inquiry.

That should be possible with a little script in the functions.php file.

// a custom script
// toggle accordion's read more text
function ava_custom_script_mod_read_less() {
    if ( wp_script_is( 'avia-default', 'registered' ) ) {
        wp_add_inline_script( 'avia-default', '
		(function($) {
			$(document).ready(function() {
				$(".toggler").each(function() {
					var active = $(this).is(".activeTitle"); 
					if(active) {
						$(this).text("Read Less");
					}
				});

				$(".toggler").on("click", function(e) {
					e.preventDefault();
					var active = $(this).is(".activeTitle"); 
					var content = $(this).html();
					var innerText = $(this).text().trim();
					
					var new_content = content.replace(innerText, active ? "Read More" : "Read Less");

					$(this).html(new_content);
				});
			});
		})(jQuery);
	');
    }
 }
 add_action( 'wp_enqueue_scripts', 'ava_custom_script_mod_read_less', 9999);

Best regards,
Ismael

Hi,

@volmering: Where can we see the issue? Please post the site or page URL in the private field.

Best regards,
Ismael

Hi,

Sorry for the delay. We updated the code above. It should now include the + and – symbols and update them accordingly.

Best regards,
Ismael

Hi,

Thank you for the info. Glad to know it is working. Please feel free to open another thread if you need anything else.

Have a nice day.

Best regards,
Ismael