Как сделать показ блока по клику на кнопку

Показ блока по клику на кнопку

Пример применения эффекта:

Как такое повторить?

1. Создать кнопку.
2. Создать блок, который будет появляться при нажатии на кнопку.
3. Поставить в URL кнопки ссылку на блок.
4. Скопировать код и вставить в блок HTML (t123)
5. Заменить rec999999999 на ID блока, который будет появляться при нажатии на кнопку.

<script>
$( document ).ready(function() { 
    $('#rec999999999').addClass('hide-show');
});
</script>

<style>
html {
  scroll-behavior: smooth; /* свойство scroll-behavior не наследуется, применяется к прокручиваемым блокам */ 
}
.hide-show {
    display: none!important;
}

.hide-show:target {
    display: block!important;
}
</style>