Question

我制作了这个JS剧透，如果我只有一个下拉框，它可以正常工作，但如果我尝试在页面中添加多个剧透，那么当我点击第二个剧透链接时，它会打开第一个剧透。比我更改了ID＆＃34;隐藏＆＃34;第二个链接到＆＃34; hidden2＆＃34;它起作用，因为我希望它起作用。问题在于我用作扰流器打开和关闭按钮的链接图像。（当点击图像时，我希望它改变为其他图像。）因此，当我点击一个按钮打开扰流板时，图像在第一个扰流板按钮和第二个按钮上发生变化.... 这是DEMO了解我的意思..点击第二个按钮.....

function toggle(element) {
    if (document.getElementById(element).style.display == "none") {
    document.getElementById(element).style.display = "";
    document.getElementById("drop").src="/drop_up.png";

    } else {
    document.getElementById(element).style.display = "none";
    document.getElementById("drop").src="/drop_down.png";

    }
    } 


    <a href="javascript:toggle('hidden')"><img  id="drop" width="25px" src="/drop_down.png" /></a>
    <div id="hidden" style="display:none;">
    Box content
    </div>

Answer 1

这是因为：

document.getElementById("drop").src

含糊不清。页面上不应该有两个具有相同ID的元素 - 如果有多个同名实例，则使用一个类。 Javascript只是搜索，直到它找到'drop'id的第一个实例，然后停止。

js切换和按钮

1 个答案: