Accordion Title to h2

PS
this line

replaceElementTag('h3.aviaccordion-title', '<h2></h2>'); 

could be added by new lines in the same way (‘tag to replace’, ‘new tag’)
so you can use this for more replacements

you want from h3 to h2 a change!
look to your source code of your page – allmost all modern browsers got developer tools
most you can go with your mouse over the element to inspect and then press context button of your mouse ( most right mouse button) – there will be something like inspect ( or inspect element) or so.

if you mean that toggler –
“Warum sie Diamantwerkzeug kaufen sollten” etc.

this is not possible – it will work with that code above and:
as additional line: replaceElementTag('.togglecontainer p.toggler', '<h3></h3>');

but toggler is predefined over p tag – so there will be a lot to change in css to reach the toggle effect then.

What alb do you mean : the Accordion Slider – there a filter exists to change it : avf_customize_heading_settings

function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array()){
  if( $context == 'aviaccordion' ){
    $args['heading'] = 'h2';              
  }
  return $args;
}
add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

but the toggles ( on toggles.php ) there is no such filter.
and I’m afraid that it’s not as easy as changing two places in the code as with some other ALB elements.

line: 1048ff ( Enfold 4.8.5)

$output .=		"<p data-fake-id='#{$toggle_atts['custom_id']}' class='toggler {$item_titleClass} {$titleClass} {$item_inherit}' {$markup_title} role='tab' tabindex='0' aria-controls='{$toggle_atts['custom_id']}'>";
$output .=			$toggle_atts['title'];
$output .=			'<span class="toggle_icon">';
$output .=				'<span class="vert_icon"></span>';
$output .=				'<span class="hor_icon"></span>';
$output .=			'</span>';
$output .=		'</p>';

but you find in that toggles.php also some code correlated to the p-tag:
829ff:

'toggle'			=> ".togglecontainer.{$element_id} p.toggler",
'toggle-current'	=> ".togglecontainer.{$element_id} p.toggler.activeTitle",
'toggle-hover'		=> ".togglecontainer.{$element_id} p.toggler:not(.activeTitle):hover",
'toggle-icon'		=> ".togglecontainer.{$element_id} p.toggler .toggle_icon",

so you can try to change that to f.e.: h2
see here for enfold 4.8.5 : Pastebin
and have your own child-theme toggles.php via well known snippet: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#customization

Hi guys,
I’ve tried to reproduce the change I made with success in an old site, but unfortunaltely it doesn’t work in that test page:
https://c-serp.fr/accordion-test :((

Where the hell am I wrong?
Here is the code I worte in the function.php file of my child-theme:

function replace_tags_with_tags(){
?>
<script>
  (function($) {       
      function replaceElementTag(targetSelector, newTagString) {
        $(targetSelector).each(function(){
          var newElem = $(newTagString, {html: $(this).html()});
          $.each(this.attributes, function() {
            newElem.attr(this.name, this.value);
          });
          $(this).replaceWith(newElem);
        });
      }
	/* replaceElementTag('h3.aviaccordion-title', '<h2></h2>'); */
	replaceElementTag('.toggler', '<h2></h2>'); 
    
  }(jQuery)); 
</script>
<?php
}
add_action('wp_footer', 'replace_tags_with_tags');

I can’t help thinking that a simple option that changes ‘p’ into ‘h2’ (or whatever tag) in this ALB accordion element would be a great improvement for noobs like me.

by the way – i do not test it on life site. If the toggles do not work after replacement !

you had to do that solution here with a child-theme alb element : https://kriesi.at/support/topic/accordion-title-to-h2/#post-1313348

you see there that current and hover etc are correlated to p tag.

just use the edited alb element for new enfold (4.8.6 ) from here: Link
from SEO point of view this is the better solution anyway.