Mask div with a click

by Simon Hi

HTML

<div id="div1">
<p>texte 1</p>
</div>
<div id="ledivamasquer" tabindex="-1">
<p>texte 2</p>
</div>
<div id="div3">
<p>texte 3</p>
</div>

CSS

#div1 {
  background: lightyellow;
}
#ledivamasquer
{
	display: block;
	background: silver;
  outline: 0;
}
#ledivamasquer:focus
{
	height: 0;
  overflow: hidden;
}
#div3
{
  background: green;
}
p
{
	padding: 1rem;
	margin: 0;
}