Блок сделать, чтобы блок открывался при нажатии на кнопку?

<input type="checkbox" id="content" />
<label for="content">
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
    hello world<br/>
</label>
<button type="button">button</button>

label {
    display: block;
    background: yellow;
    max-height: 200px;
    overflow: hidden;
    transition: all 0.3s 0s;
}

#content { position: absolute; left: -9999px; top:-9999px; }

#content:checked + label {
    max-height: 100%;
}