Question

我想隐藏一个同样优雅的div，因为它是扩展的。但它立即或突然崩溃。

Jquery代码

$(document).ready(function(){
        function scrollToElement(selector, time, verticalOffset) {
            time = typeof(time) != 'undefined' ? time : 1000;
            verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
            element = $(selector);
            offset = element.offset();
            offsetTop = offset.top + verticalOffset;
            $('html, body').animate({
            scrollTop: offsetTop
            }, time);
        }
        $("#contact-container").hide();
        $(".dropcontact").click(function(){
            $("#contact-container").toggle();
            scrollToElement("#contact-container",500,140);
    });
});

在上面的代码中.dropcontact是一个链接。

Answer 1

这是你想要的吗？

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
    $(document).ready(function () {
        $(".header").click(function () {
            $("#mydiv").animate({
                height: ["toggle", "swing"]
            }, {
                duration: 500,
                complete: function () {

                }
            });

        });
    });

</script>
</head>
<body>
<h4 class="header">
    Click Here</h4>
<div id="mydiv">
   some test data
   <br/>
   some test data
   some test data
   <br/>
   some test data
   some test data
   <br/>
   some test data
</div>
</body>
</html>

Answer 2

传递参数“慢”或毫秒（如400）将使其慢慢隐藏

$("#contact-container").hide("slow");

延迟折叠div

2 个答案: