Javascript 单击“显示隐藏的div和隐藏”按钮

我有一个Javascript函数，可以在单击时打开一个隐藏的div，但我还想在单击时删除/隐藏按钮。我知道这是可能的，但我想不出来

<span id="first_related">
    content 1
</span>

<span id="second_related" style="display:none;">
    content 2 hidden / display on click
</span>

<div class="clear"></div>
<div class="btn">
<input id="current_page_viewed_videos" type="hidden">
<input type="hidden" id="related_videos_delta"><a onclick="showDiv()">Show More</a>
</div>

<script type="text/javascript">
    function showDiv() {
       document.getElementById('second_related').style.display = "block";
       document.getElementById('open').style.display = "none";
    }
</script>

内容1
内容2隐藏/单击显示
显示更多
函数showDiv（）{
document.getElementById（'second_related'）.style.display=“block”；
document.getElementById（'open'）.style.display=“无”；
}

---

谢谢大家!

使用jquery这可能很简单。给按钮一个id（例如id='mybutton'）， 然后在显示div add的代码中：

---

$（“#mybutton”）.hide（）

您的Javascript还可以，只需添加

单击
：


函数showDiv（）{
document.getElementById（'second_related'）.style.display=“block”；
document.getElementById（'open'）.style.display=“无”；
}

内容1
内容2隐藏/单击显示
单击
可以显示按钮的标记吗？可以设置锚元素的id:
。单击时它将被隐藏。很抱歉，我忘记添加按钮，因此我可以用代码打开隐藏的div，但按钮仍然可见。@Gazi您的按钮是否有
id=“open”
？因为在您的代码中，您将按id获取按钮。是的，很抱歉，我刚刚将其更改为
document.getElementById（'second_related'）。style.display=“block”；document.getElementById（'related_videos_delta'）.style.display=“无”但点击后按钮仍然存在。太棒了！是的，我把ID移到了
，工作得很好，非常感谢！