Сокрытия и показ элемента

Есть код, кнопка прячет мой текст. Как сделать чтобы эта кнопка не только прятала текст, но и показывала назад.

HTML

<button id="hide">Сховати текст</button>
<p id="text">Lorem ipsum dolor</p>

CSS

document.getElementById('hide').onclick = function (){
document.getElementById('text').hidden = true;}