The Mission: jQuery Tabs & Accordions

This five part series will teach you how to insert a jQuery accordion into a Wordpress page or post that has jQuery tabs inside of the accordion layout.  You can see an example of a straight accordion in action here on Blogging Emergency, and you can see a live example of tabs within an accordion over at Mox & Dom. Before you get all edgy that this whole jQuery / javascript thing is over your head, I want to assure you that this tutorial won’t require you to do ANY javascript programming. Just some cut and paste from my tutorial to your site. If you can handle HTML and CSS, and know the file structure of Wordpress,...          [ Read More ]

Inserting jQuery Into Wordpress

This is Part II of a five part series on building jQuery accordions with tabs inside the accordion. Part II will show the details of installing the necessary jQuery files into your Wordpress blog. To start, we need to insert the jQuery core library and the jQuery UR library into your Wordpress theme, so that we have access to all the pre-built functions that jQuery provides. There are 2 different libraries that we’ll need to download, the core jQuery library, and the user interface libraries for tabs and accordions. The core jQuery library is included with the jQuery UI library download, so there’s only one...          [ Read More ]

Add jQuery Accordion Layout

Moving on with Part III of our five part series on creating a jQuery accordion with tabs inside. Remember that our final goal is to create a page like this one that we created for Mox & Dom. It has tabs within an accordion. But for Part III of this series, we’re going to just get the accordion laid out so that it looks something like this: jQuery Accordion Demo Accordion One Accordion One Content goes here. You can put anything you want here Accordion Two Accordion Two Content goes here. You can put anything you want here. So let’s get started There’s 2 parts to any jQuery insertion. The HTML...          [ Read More ]