Design Meets Code

Design Meets Code

WordPress · PrestaShop

  • Startseite
  • WordPress
  • PHP / Datenbanken
  • Ubuntu
  • Prestashop
  • Verschiedenes
  • Grafik
  • Glossar

jQuery Accordion in WordPress einbinden

24. Juni 2017 Leave a Comment

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' );
	
}

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

		});

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.

Filed Under: WordPress Tagged With: Code Snippets, genesis, JavaScript, jQuery

Anzeige

Themen

Apache BuddyPress chmod chown Code Snippets Concatenation Operator Conditional Statement Custom Post Types Datenbank Email Enfold Escape Zeichen Foren genesis Grid View htaccess JavaScript Layout Builder List View Medien MegaShop Mitgliederbereich MySQL PHP PHP Anfänger PHP Variablen Plugins Prestashop Prestashop 1.5 Prestashop 1.6 Prestashop 8 Prestashop Module Registrierung RSS Feed s2member Schreibrechte Server ssl Strings Tipps Windows Windows 10 WooCommerce WooCommerce Sortierung WordPress
Anzeige

Letzte Kommentare

  • Martin zu CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • Martin zu CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern
  • Klaus zu Woocommerce: Shop Seiten neu generieren
  • Thomas zu WordPress: Einzelne Kategorien aus dem RSS Feed ausschließen
  • Bernhard zu CSS: Automatische Silbentrennung in einzelnen Wörtern verhindern

Informationen

  • Kontakt
  • Datenschutzerklärung
  • Impressum
  • Cookie-Richtlinie (EU)
  • Kontakt
  • Datenschutzerklärung
  • Impressum
  • Cookie-Richtlinie (EU)
Anzeige