通常，jQuery Toggle（）方法用于在网页上显示和隐藏HTML元素。
但是，如果我们不想使用jQuery库，可以使用JavaScript轻松添加切换效果。
使用JavaScript，我们可以检查元素的可见性，并根据其可见性显示/隐藏HTML元素。

以下代码检查显示与隐藏带有JavaScriptHTML元素之间的可见性和切换。

• 使用JavaScript Style Display属性检查元素是否已隐藏。
• 如果元素是不可见的，请显示它，否则隐藏它。

var element = document.getElementById('elementID');
if(element.style.display === "none"){
    element.style.display = "block";
}else{
    element.style.display = "none";
}

以下代码片段显示如何使用JavaScript隐藏和显示HTML元素。

javascript.Toggle（）函数使用JavaScript切换HTML元素的显示。

• 通过要根据可见性显示/隐藏的元素ID。

<script>
function toggle(ID){
    var element = document.getElementById(ID);
    if(element.style.display === "none"){
        element.style.display = "block";
    }else{
        element.style.display = "none";
    }
}
</script>

HTML 调用'toggle（'elementID'）'在单击事件中以显示/隐藏div元素。

<button onclick="toggle('divID')">Toggle Hide/Show</button>
<div id="divID">
    This is a DIV element.
</div>