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);

Answer 2

对于你需要jQuery的效果是的。只需替换

 document.getElementById(divs[i]).style.display = 'none';

 onediv.style.display = 'block';

与

 document.getElementById(divs[i]).slideUp();

 onediv.slideDown();

在准备好文件时调用你的（显示隐藏（d））功能。

Answer 3

您好，您可以使用JQuery向下滑动方法：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){


$(document.getElementById(d)).slideDown();

});
</script>

Div切换效果JavaScript

3 个答案: