CSS accordion

• 

  greenesrelease · Member · Mar 23, 2015 at 8:59 pm

  • Copy link
  • Add topic to favorites

  hi there,

  I found a wonderful html and css accordion that even looks like the one in my old site that I am migrating to wordpress.com

  However, it won’t display the accordion. Any suggestions to fix? I am using the Candela theme.

  The accordion and code is here: http://codepen.io/abergin/pen/ihlDf
  My test site is 2015newwebsite.wordpress.com

  Thanks in advance.

  Janet

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Mar 25, 2015 at 3:17 pm

  • Copy link

  Hi Janet, the HTML you reference needs the input HTML tag, and that is not allowed here at WordPress.com. You can read more on the allowed HTML here.

• 

  greenesrelease · Member · Mar 25, 2015 at 3:28 pm

  • Copy link

  ahhhhh that is why!

  Thank you so much for explaining that mr happiness engineer.

  Do you know of anything like an accordion that I can use here at wordpress? It is a big part of my site than i am transferring to wp.com

• 

  thesacredpath · Member · Mar 25, 2015 at 11:37 pm

  • Copy link

  Can you explain what you are wanting to accomplish? Or perhaps a link to your site where you have this and I can take a look.

• 

  greenesrelease · Member · Mar 26, 2015 at 12:32 am

  • Copy link

  mr happiness engineer,

  Here are a couple of page examples. The accordions are used to make huge pages easier to see because all the headings are visible without the clutter of lots of information.

  http://greenesrelease.com/what-is-it/
  http://greenesrelease.com/greenesreleasetechnique/

  Thanks for your help..

  Janet

• 

  thesacredpath · Member · Mar 26, 2015 at 6:38 pm

  • Copy link

  Thanks for the links. Unfortunately I do not know of a way to do an accordion such as on those pages here at WordPress.com.

  About all I could offer, would be the Read More tag, which would hide some of the text from the Posts (blog) page. The Read More tag will not work on pages, but you could use the Next Page tag for those.

• 

  greenesrelease · Member · Mar 26, 2015 at 9:38 pm

  • Copy link

  thank you so much for your help happiness engineer…

  have a happy day

• 

  thesacredpath · Member · Mar 27, 2015 at 2:22 am

  • Copy link

  You are welcome.