How to use jQuery in WordPress - 1 jQuery UI Accordion

In this video I will teach you how to add a jQuery Accordion to WordPress in 4 easy steps. I will show you how to enqueue scripts and customize your jQuery UI Accordion

[ScifiSiShredaholic]

Great tute :)

And showing the end product at the start is actually a really good way of starting a tute on youtube (that way people can see up front if the tute is about what they're looking for).

[efrainlemus]

amazing video man, thanks! It took me a few re-watches but third time was the charm hehe

[lesterllorca]

@4:49 line 69, where are you getting the 'jquery-ui-accordion'?

[peta]

If you wanted to include this HTML code as a sidebar widget for multiple pages, how would you go about having the current page become the selected/highlighted active link in the sidebar menu? i.e. you have this menu displayed for 30 pages. The menu is also broken up into 4 main sections. If someone clicks a link for the first topic in the second section, when that page loads I would like the menu on the left to have the second section opened, and the the first topic (current page) be highlighted to let the user know where they currently are. I'm not sure how I can utilize JS to set some sort of 'active' class to the appropriate category and page.

[plaidtractor_creative]

If you're using a child theme, the js folder and contents should be inside it to work, not in the parent theme's folder! Thanks for this, so lightweight!

[arete_]

I would like to know how this can be used for the a WP menu. I have tried this for about two weeks now. I have asked on basically every relevant forum and I have even paid for plugins that does not work. If you could make a video that shows how to do this I would be sooo happy. Thanks for this video though!

[philmacaulay]

Replace { with jQuery(function( $ ){ then works!