Edit in JSFiddle

<h1>CSS + HTML only Accordion Element</h1>
<span class="small">Radio button Method</span>
<ul>
	<!-- Accordion Tab -->
    <li>
        <input type="radio" name="reveal" />
        <i></i>
        <h2>What is lorem ipsum?</h2>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
        Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, 
        when an unknown printer took a galley of type and scrambled it to make a type 
        specimen book.
            It has survived not only five centuries, but also the leap into electronic 
            typesetting, remaining essentially unchanged. It was popularised in the 
            1960s with the release of Letraset sheets containing Lorem Ipsum passages, 
            and more recently
            with desktop publishing software like Aldus PageMaker including versions of 
            Lorem Ipsum.</p>
    </li>
	<!-- Accordion Tab -->
    <li>
        <input type="radio" name="reveal" />
        <i></i>
        <h2>Where does it come from?</h2>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
        Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, 
        when an unknown printer took a galley of type and scrambled it to make a type 
        specimen book.
            It has survived not only five centuries, but also the leap into electronic 
            typesetting, remaining </p>
    </li>
	<!-- Accordion Tab -->
    <li>
        <input type="radio" name="reveal" />
        <i></i>
        <h2>Why do we use it?</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce accumsan 
        augue sit amet vulputate eleifend. Duis porttitor, sem vel maximus egestas, 
        velit nisi dapibus velit, ac commodo turpis turpis faucibus dui. Maecenas 
        commodo interdum metus,
            non ullamcorper dolor elementum in. Nam vitae augue condimentum, rhoncus 
            ipsum id, accumsan dolor.</p>
    </li>
	<!-- Single Accordion Tab -->
    <li>
        <input type="radio" name="reveal" />
        <i></i>
        <h2>Where can I get some?</h2>
        <p>Aliquam erat purus, euismod eget tortor vitae, maximus mattis velit. 
        Aliquam dignissim metus in justo accumsan, laoreet mattis dolor posuere. 
        Phasellus venenatis urna ut auctor ultricies. In laoreet in dolor ac 
        facilisis. Nunc laoreet, nulla a
            tristique aliquet, enim leo euismod velit, quis porta est lacus at nisi.
            Cras vitae faucibus erat. Mauris nunc sapien, vulputate id vulputate eu, 
            Mollis Ut Erat.</p>
    </li>
</ul>