Minor JS Edits to Turbo Theme (faqAccordion) -- 2

Completed Posted 4 years ago Paid on delivery
Completed Paid on delivery

This relates to the faqAccordion element of the Turbo theme.

I would like to duplicate the element and make some modifications to how it works. Let’s call the duplicated element NewAccordion.

So on my product page, there will be a product description followed by a NewAccordion element.

1. Header that says “Product description” in div named “PD_Header”

2. Product description text in div “divDes”

3. NewAccordion element with 2 tabs – “Specifications” and “Features Summary”

-----

1. Div “PD_Header”

-----

-----

2. Div “divDes”

-----

+++++++++ NewAccordion ++++++++++++

-----

3. NewAccordion Tab 1

-----

-----

3b. NewAccordion Tab 2

-----

+++++++++ NewAccordion++++++++++++

When any tab in NewAccordion is clicked I want div “divDes” to slide up and disappear, like an accordion. The other tabs of NewAccordion should also close (the current JS code leaves the other tabs open).

When div “PD_Header” is clicked I want “divDes” to slide down and reveal, again like an accordion. At the same time, all other tabs in NewAccordion should close.

The reason I am structuring this is because I hear Google penalises accordion text in SEO, so I do not want the main description to be in an accordion tab (rather in an ordinary div that acts like an accordion tab).

I’m attaching a copy of the [login to view URL] and the faqAccordion javascript that is found in the [login to view URL] file. The job is to give me code to add to the respective files. I will do the code insertion myself, as it is a security requirement.

CSS JavaScript jQuery / Prototype Shopify Shopify Templates

Project ID: #19575088

About the project

1 proposal Remote project Active 4 years ago

Awarded to:

Vikasv8

Hello I've 4+ yrs of exp in web development. I read your project and I can help you with the same. Thanks Vid V

$18 SGD in 1 day
(6 Reviews)
1.6