Pure CSS Accordion with Images

<div class="accordion-container">
  
	<h2>Pure CSS Accordion or Toggle Menue</h2>
  
	<article class="accordion-nav">
     
		<div id="item-1">
			<h3><a href="#item-1">Item 1</a></h3>
				<p><span>This is Item 1 <a href="#" class="accordion-close">Close</a></span></p>
		</div>
     
		<div id="item-2">
			<h3><a href="#item-2">Item 2</a></h3>
				<p><span>This is Item 2 <a href="#" class="accordion-close">Close</a></span></p>
		</div>
     
		<div id="item-3">
			<h3><a href="#item-3">Item 3</a></h3>
				<p><span>This is Item 3 <a href="#" class="accordion-close">Close</a></span></p>
		</div>
     
	</article>
</div> <!-- end accordion-container -->