I am trying to add a codepen.io "css accordian menu" in the give description box
-
Hello, I am trying to implement a css accordian I found on codepen.io into the description box of the donation form. I am am to successful add a woocommerce shortcode into the description to display a product, so I know html is accepting it, but for some reason this is not working at this page https://gofundmed.org/donations/fund-alzheimers-research/ and this is what the accordian is suppose to look like https://codepen.io/jcoulterdesign/pen/dPeMKY I implemented the code into the description box here it is pasted from the donation form as well:
<title>Swanky little accordian list</title>
<div class=’title’>
<h1>
Swanky little accordian list
</h1>
<h2>
Made in pure CSS, click on the items to see it in action!
</h2>
</div>
<div class=’wrapper’><label for=’pictures’>
<p>Documentation & more</p>
<div class=’lil_arrow’></div>
<div class=’content’></div>
<span></span>
</label><label for=’jobs’>
<p>Upcoming Jobs</p>
<div class=’lil_arrow’></div>
<div class=’content’></div>
<span></span>
</label><label for=’events’>
<p>Events & Task Management</p>
<div class=’lil_arrow’></div>
<div class=’content’></div>
<span></span>
</label><label for=’financial’>
<p>Invoicing & financial</p>
<div class=’lil_arrow’></div>
<div class=’content’></div>
<span></span>
</label><label for=’settings’>
<p>System Settings</p>
<div class=’lil_arrow’></div>
<div class=’content’></div>
<span></span>
</label>
</div>
- The topic ‘I am trying to add a codepen.io "css accordian menu" in the give description box’ is closed to new replies.
