显示/隐藏渲染的 div 的 Javascript

Question

Ruby on Rails 3。我正在尝试获取一个按钮来显示或隐藏一个 div。

这没有返回任何错误，但没有任何反应。

<input type=button value="Show Archived Postings" onclick="showHide('oldNews');">

<div id="oldNews">
<%= render 'archive_news' %>
</div>

<script language="javascript" type="text/javascript">
function showHide(elementId) {
    if (document.getElementById) {
        var element = document.getElementById(elementId);
        if (element.style.visibility == 'visible') {
            element.style.visibility = 'hidden';
        } else if (element.style.visibility == 'hidden') {
            element.style.visibility = 'visible';
        }
    }
}
</script>

它将始终呈现我的“archive_news”。我究竟做错了什么？谢谢

Answer 1

您可以根据您的要求使用此代码。当您点击按钮时，您可以使用style 属性来隐藏和显示元素。

//this would hide when body is loaded
var element = document.getElementById('oldNews');
if(element != null){
    element.style.display = 'none';
}

//this would hide when you click on input button
function showHide(elementId) {
  var element = document.getElementById(elementId);
    if (element != null) {
        if(element.style.display != 'none'){
            element.style.display = 'none';
        }else{
            element.style.display = 'block';
        }
    }
}