编码两个功能相同但类别不同的按钮

Question

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

我做错了什么？

Answer 1

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

一个基本功能示例是：

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

您可以将此函数附加到包含文本和图像的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>

或者，如果没有连接，您可以将此功能添加到每个项目：

<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>

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