编码具有相同 function 但类不同的两个按钮

Question

我正在努力让我的投资组合网站上的一个选项卡创建一个下拉菜单。 我能够做到这一点，当人们点击图片时，它会生成一个下拉菜单。 但是，我也希望在他们单击文本时也发生同样的事情。 所以我的问题是我有两个不同类的按钮，我想拥有相同的 function。 我以为我可以用我现在拥有的 javascript 做到这一点，但它似乎不起作用。 这是我创建的一个孔型的链接https://iancoffman.com/digitalart2.html 。 代码应该是公开可见的。

我究竟做错了什么？

Answer 1

您应该将代码放在问题中。 我认为大多数人不想浏览网站（stackoverflow）并且必须查看您的源代码。 如果您在此处展示所有内容，您很可能会得到问题的回复和解决方案。

Answer 2

单击时要显示的下拉菜单使用什么代码？ 当您单击每个项目时，您可以使用基本的 JavaScript 来触发相同的 function。

一个基本的 function 示例将是：

<script>
function myFunction() {
  document.getElementById("menu").style.display = "block";
}
</script>

您可以将此 function 附加到包含文本和图像的 div，例如：

<div onclick="myFunction()">
  <p>Text To Click.</p>
  <img src="images/paint-symbol.png" alt="paintings">
</div>
<div id="menu" style="display:none;">Dropdown Menu</div>

或者，如果未连接，您可以将此 function 添加到每个项目：

<p onclick="myFunction()">Text To Click.</p>
<img src="images/paint-symbol.png" alt="paintings" onclick="myFunction()">
<div id="menu" style="display:none;">Dropdown Menu</div>

不确定您到底在尝试什么，但这可能会让您开始使用这个概念。