<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>