jQuery Accordion in WordPress einbinden

Folgender Code wird in die Datei functions.php des Childthemes eingefügt, um Accordion Support zu aktivieren:

add_action( 'wp_enqueue_scripts', 'wm_accordion_support' );
function wm_accordion_support() {
       wp_enqueue_script('jquery-ui-accordion');
	wp_register_script( 'accordion-support', get_stylesheet_directory_uri() . '/js/accordion-support.js', array( 'jquery' ), '1.0.0', true );
	wp_enqueue_script( 'accordion-support' );
	
}

add_action( 'wp_enqueue_scripts', 'wm_accordion_support' );

function wm_accordion_support() {

wp_enqueue_script('jquery-ui-accordion');

wp_register_script( 'accordion-support', get_stylesheet_directory_uri() . '/js/accordion-support.js', array( 'jquery' ), '1.0.0', true );

wp_enqueue_script( 'accordion-support' );

}

Im Childtheme einen Unterordner js erstellen, falls nicht vorhanden, und dort eine Datei accordion-support.js mit folgendem Inhalt einfügen.

jQuery(document).ready(function($) {
$( ".accordion" ).accordion({
			collapsible: true,
			active: false

		});

jQuery(document).ready(function($) {

$( ".accordion" ).accordion({

collapsible: true,

active: false

});

Hierdurch wird erreicht, dass das Accordion beim Laden der Seite standardmäßig geschlossen ist. Das Accordion hat hierbei die CSS Klasse .accordion. Falls das Accordion stattdessen eine id hat muss der Code entsprechend geändert werden (#accordion) oder falls die Klasse oder die ID anders heisst, der Name entsprechend.

Schreibe einen Kommentar Antworten abbrechen