Skip to content

Instantly share code, notes, and snippets.

View designlobby's full-sized avatar

Design Lobby designlobby

View GitHub Profile
View index.html
<!DOCTYPE html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<script id="jsbin-javascript">
designlobby / index.html
Created January 15, 2019 09:52
Pure CSS Accordion
View index.html
<div class="wrapper">
<h1>Pure CSS Accordion</h1>
<div class="half">
<p>Open <strong>multiple</strong></p>
<div class="tab">
<input id="tab-one" type="checkbox" name="tabs">
<label for="tab-one">Label One</label>
<div class="tab-content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur, architecto, explicabo perferendis nostrum, maxime impedit atque odit sunt pariatur illo obcaecati soluta molestias iure facere dolorum adipisci eum? Saepe, itaque.</p>