javascript - Div 切换效果 JavaScript

Question

我有 4 个 div，它们通过单击页面顶部的菜单使用 JavaScript 隐藏和取消隐藏。我有这个:

<script type="text/javascript">
    function showHide(d) {
        var onediv = document.getElementById(d);
        var divs= ['content1', 'content2', 'content3', 'content4'];
        for (var i = 0; i < divs.length; i++) {
            if (onediv != document.getElementById(divs[i])) {
                document.getElementById(divs[i]).style.display = 'none';
            }
        }
        onediv.style.display = 'block';
    }
</script>

现在我想添加一个效果，当您显示一个新的 div 时，它会从顶部滚动，就像这样“http://www.templatemonster.com/demo/48152.html”。你能用 JavaScript 做到这一点还是我需要 jQuery？如果我需要使用 jQuery，我必须使用哪一个？

Answer 1

您可以使用 jQuery 的 $show()、$hide() 和 $toggle() 方法实现这一点。

加入一个毫秒的参数会造成延迟。

$toggle(500);