如何隐藏导航默认设置，在单击时显示，如何向图像和div angular添加类

<button id="toggleButton">显示导航</button>
<nav id="navigation">
  <!-- 导航内容 -->
</nav>

#navigation {
  display: none; /* 默认隐藏导航 */
}

document.getElementById("toggleButton").addEventListener("click", function() {
  var navigation = document.getElementById("navigation");
  if (navigation.style.display === "none") {
    navigation.style.display = "block"; // 显示导航
  } else {
    navigation.style.display = "none"; // 隐藏导航
  }
});

<img id="myImage" src="image.jpg" alt="图片">
<div id="myDiv">内容</div>

.myClass {
  /* 新类的样式 */
}

document.getElementById("myImage").classList.add("myClass"); // 添加类到图像
document.getElementById("myDiv").classList.add("myClass"); // 添加类到div