WordPress JQuery Accordion
Posted on : 17-10-2009 | By : jeffikus | In : Development, Fun, PHP, Projects, WordPress, prototype
5
So I’ve been tinkering with JQuery this weekend and have built a function for WordPress to display a JQuery accordion of a certain number of posts from a certain category – Title and Excerpt details.
It also can be used across both pages and posts using a shortcode.
Update – I have built a WordPress plugin to run this function and shortcode, and have created its own page here for download and instructions.









Hello Jeff
I do not see anything new you have done – basically you have taken JQuery (which does all the work for you) and applied it to WordPress. Kind of like connecting a trailer to your car. You far from built the trailer from scratch…
Rather stick to wordpress themes
Hi Alistar
always appreciate it – but yes, the idea was to keep it simple. Nothing fancy – jquery does all the hard work for me. In all fairness this was built for a specific purpose/request so hopefully someone will find it useful. The only thing it really is useful for at the moment is for someone not using jquery in their theme. No plans to add it to the wordpress repo, unless I have time to build most of the extra stuff I *wishlisted*
oh, glad I could provide you with a trailer
Thanks for the candid comment
Can you expand this? I don’t really get the idea where to put the code:
3. Use the shortcode [jqueryaccordion posts="3" category="Featured"] in your posts to display the accordion
In WordPress if you Create a New Page or Post or Modify an existing Page or Post in the actual text of the page, even if you are using the Visual Editor you drop in or write in (literally)
[jqueryaccordion posts="3" category="Featured"]
The accordion panels will visually display in the text of that Page or Post when you click the Update button.
If you make the number “6″ you will see six accordion tabs. Instead of “Featured” you can type in another existing Posts category.
Hi,
This plugin was very useful for my site , but i have small issue .. If i click tab the content space is overflow (ie .. The hieght of content pane is 64333px default..how to i stop it …
Thanks,
kannan