JSFiddle - React, Tailwind, and code Playground

by Евгений Беляков

HTML

<div class=contact-container>
    <label for="contact-btn">показать контакты</label>
    <input id="contact-btn" type="checkbox" />
    <div class=contact-block>
        <div>телефон: 8-800-555-35-35</div>
        <div>проще позвонить…</div>
    </div>
</div>

CSS

.contact-block {
    background:#eee;
    padding:10px;
    width:200px;
}
.contact-container input {
    visibility:hidden;
}

.contact-container input + div{
    display:none;
}
.contact-container input:checked + div{
    display:block;
}