Skip to content

Instantly share code, notes, and snippets.

@VoloshchenkoAl
Created June 6, 2017 00:27
Show Gist options
  • Save VoloshchenkoAl/75bf1ba42b51b98893abb557ba609830 to your computer and use it in GitHub Desktop.
Save VoloshchenkoAl/75bf1ba42b51b98893abb557ba609830 to your computer and use it in GitHub Desktop.
<div class="wrap">
<input type="checkbox" name="slide1" class="none" id="slide1" />
<label for="slide1">показати</label>
<p class="show">some text here</p>
</div>
.none {
display: none;
}
p {
height: 0;
overflow: hidden;
transition: height 300ms ease;
}
#slide1:checked ~ .show {
height: 100px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment