It seems like I am overlooking a simple solution here, but it's escaping me. I'm attempting to make a CSS accordion function where each section links to a page.
If you want to view the source refer to this link
Here is my test site URL: this link
The accordion functionality works fine (except for a minor issue - the first bar disappears when moving to the second bar, which I'll fix later), but the images are not showing up at all. Currently, only one image is assigned to the "Payment Processing" slider and it's not visible.
This is the code I am using:
<!-- CSS3 Accordion -->
<div class="accordion">
<!--[if IE ]><ul class="accordion-ie"><![endif]-->
<!--[if !IE]>--><ul><!--<![endif]-->
<li>
<a href="##"><span>Payment Processing</span></a>
<div>
<img border="0" alt="" src="img/blank-card-bills.jpg">
</div>
</li>
<li>
<a href="##"><span>Prepaid VISA/Mastercard cards</span></a>
<div>
</div>
</li>
... // Other list elements
..
</ul>
</div>
<!--CSS3 Accordion -->
Any suggestions or help would be greatly appreciated!
Forgot to include the CSS:
... // Remaining CSS code