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

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.

Taidot: CSS, Javascript, jQuery / Prototype, Shopify, Shopify-mallit

Näytä lisää: minor website edits, css edits mystique theme, create theme magento 2.1, turbo theme documentation, tabs in turbo theme, shopify parallax theme support, shopify themes, out of the sandbox help center, out of the sandbox tabs, out of the sandbox forum, shopify liquid accordion, porto theme magento 2 documentation, install porto theme magento 2, shopify booster theme v1 2.0 1, ani theme angular 2, ultimo theme magento 2, a progressive web application with vue js, webpack & material design [part 2, angularjs/ node.js/mysql todo application (part 2), missing styles. is the correct theme chosen for this layout?, deploy specific theme magento 2

Tietoa työnantajasta:
( 1 arvostelu ) #08-80, Singapore

Projektin tunnus: #19575088

Myönnetty käyttäjälle:


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 1 päivässä
(6 Arvostelua)