Latest Tech and Tips

How to Add a jQuery FAQ Accordion in WordPress


Recently among our individuals asked us if there was a means for them to add a FAQ accordion on their WordPress website. There are numerous plugins readily available that permits you to add a often asked inquiries or FAQs areain WordPress In this write-up we will certainly reveal you how to add a jQuery FAQ accordion in your WordPress website.

What is Accordion?

In website design, accordion is a term made use of for a interface style pattern that has tabs or material blocks which collapse or increase upon individual communication. Each tab has material listed below them which increases when the individual clicks the food selection product. In basic terms, it resembles a food selection that increases when you click it. We have actually made use of a comparable result on our cost-free WordPress blog site arrangement web page. Below is a screenshot of a example accordion.

An accordion menu for FAQs

Video Tutorial

Subscribe to WPBeginner

If you do not such as the video clip or require even more directions, after that proceed analysis.

Adding a jQuery FAQ Accordion

Before you can add a jQuery FAQ accordion, you require to make certain that you have a FAQ area. Start with including a FAQ area by following our tutorial on how to add a FAQ area in WordPress.

Now allow’s go on with including the jQuery FAQ accordion. WordPress includes the jQuery collection nevertheless it does not have jquery styles. We will certainly pack that from Google CDN as well as queue these manuscriptsin WordPress We will certainly likewise develop a shortcode that shows our often asked inquiries. Most notably we will certainly do all that by developing a WordPress plugin.

Create a folder on your desktop computer as well as name it my-accordion. Open Notepad or any type of various other full-screen editor of your option. Create a data called my-accordion. php as well as paste this code inside it: