Created
May 18, 2017 18:04
-
-
Save lizardking8610/67dfdae6ebce08813e054edc47220b9c to your computer and use it in GitHub Desktop.
jQuery: multiple accordions on 1 wordpress page
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| jQuery( function($) { | |
| $( "#accordion:nth-child(1n)" ).accordion({ | |
| collapsible: true, | |
| active: false, | |
| heightStyle: "content" | |
| }); | |
| } ); | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* You'll need to add this enqeue script to your functions.php file to have the jQuery script load */ | |
| function my_scripts_method() { | |
| if ( !is_admin() ) { | |
| wp_enqueue_script('jquery-ui-accordion'); | |
| wp_enqueue_script( | |
| 'custom-accordion', | |
| get_stylesheet_directory_uri() . '/js/accordion.js', | |
| array('jquery') | |
| ); | |
| /*unrelated script for tabs */ | |
| wp_enqueue_script('jquery-ui-tabs'); | |
| wp_enqueue_script( | |
| 'custom-tabs', | |
| get_stylesheet_directory_uri() . '/js/tabs.js', | |
| array('jquery') | |
| ); | |
| } | |
| } | |
| add_action('wp_enqueue_scripts', 'my_scripts_method'); | |
| wp_register_style('jquery-custom-style', get_stylesheet_directory_uri().'/css/jquery-ui-1.12.1.custom/jquery-ui.css', array(), '1', 'screen'); | |
| wp_enqueue_style('jquery-custom-style'); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
will allow multiple jQuery accordions on the page