HTML5 div 標籤顯示與關閉控制

<div id="TableauViewDiv" class="col-sm-12" align="center" style="display: none">
</div>

<script>
        function TableauView_HideShow() {
            var x = document.getElementById("TableauViewDiv");
            if (x.style.display === "none") {
                x.style.display = "block";
            } else {
                x.style.display = "none";
            }
        }

說明：
直接在Div裡控制
關閉：<div id="1" style="display: none"></div>
顯示：<div id="1" style="display: block"></div>

在 JavaScript 裡控制
關閉：document.getElementById("TableauViewDiv").style.display = "none";
顯示：document.getElementById("TableauViewDiv").style.display = "block";