при нажатии кнопки с помощью JavaScript, можно использовать несколько методов. Вот несколько примеров:

Метод 1. Использование свойства style

<button onclick="hideDiv()">Hide Div</button>
<div id="myDiv">This is the div to hide.</div>
<script>
function hideDiv() {
  document.getElementById("myDiv").style.display = "none";
}
</script>

Метод 2. Использование классов CSS

<style>
.hide {
  display: none;
}
</style>
<button onclick="hideDiv()">Hide Div</button>
<div id="myDiv">This is the div to hide.</div>
<script>
function hideDiv() {
  document.getElementById("myDiv").classList.add("hide");
}
</script>

Метод 3. Использование jQuery

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<button onclick="hideDiv()">Hide Div</button>
<div id="myDiv">This is the div to hide.</div>
<script>
function hideDiv() {
  $("#myDiv").hide();
}
</script>

Это всего лишь несколько примеров того, как можно скрыть