Archived topic

Accordian

6 replies · Started by Darren on August 21, 2019

Viewing posts 1–7 of 7

August 21, 2019 at 10:03 am #989935

Hi, I am trying to implement this accordian solution found on https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_accordion_animate

Unfortunately the accordian doesn't open on my GP site, I added the javascript via a Hook element in wp_footer not sure why it doesn't open?

Thanks
Darren

August 21, 2019 at 4:24 pm #990153

This is happening because WordPress is adding <p> elements around the buttons, which is breaking the JS.

If you're using Gutenberg, try adding the HTML into an HTML block instead.

August 22, 2019 at 4:21 am #990452

Thanks Tom, with the javascript placed in the header or footer it wasn't working, but it's working if I use after_main_content, elements to the rescue! thanks:)

August 22, 2019 at 7:27 am #990588

Awesome, glad you got it working :)

August 22, 2019 at 8:01 am #990772

hi tom, although not GP related I'm having issue on my faq page when the columns of the accordian doesn't have a matching number of rows on each side is there a css fix for this possibly?

August 22, 2019 at 9:07 am #990852

Not to worry I just place the unequal columns last. Looks fine now.

August 22, 2019 at 8:27 pm #991210

Cool :)

This archived topic is closed to new replies.

Start building better websites today.