Question

我有一个小表单，当用户访问我的网页时会展开，然后在几秒钟后最小化。然后单击该按钮时，它会再次展开。我一直在尝试添加代码以允许它最小化再次单击按钮但我一直打破它。我是jquery的初学者，有人可以帮忙吗？

小提琴：http://jsfiddle.net/ambersabre/vkfos3yn/

HTML：

#fixed-form {
    position: fixed; z-index: 1;
    right: 5px;
    bottom: 0;
    width: 400px;
}
.content {
    background-color: grey;
    padding: 10px;
    width: 400px; height: 180px;
    font-family:Lato; color: #fff; font-weight: bold; border: 2px solid grey;
    font-size:14.5px; position: relative; z-index: 1; border-radius: 10px 0 0 0;
}
.contactbtn {
    width: 192px; position: relative; z-index: 1; float: right;
    height: 43px; background: grey;
}
.float-input {
    width: 100%; height: 100%; border: none; background: #46A2A2;background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
}

CSS：

$(document).ready(function () {
    $(function () {
        setTimeout(function () {
            $("#testdiv").slideToggle(1500);
        }, 5000)
        $('#btnclick').click(function () {
            $('#testdiv').show();
            setTimeout(function () {
                $("").slideToggle(1500);
            }, 5000)
        })
    })
})

脚本：

x = parse(BigFloat, "2.1")
x_small = float64(x)
pdf(Normal(), x) - pdf(Normal(), x_small)

Answer 1

试试这个：

http://jsfiddle.net/65bhj6th/5/

    $( document ).ready(function() {
       $(function() {
       setTimeout(function() { $("#testdiv").slideToggle(1500); }, 5000)
       $('#btnclick').click(function() {
       $('#testdiv').slideToggle(1500);
       setTimeout(function() { $("").slideToggle(1500); }, 5000)
       })
    })
    })

Answer 2

当您使用.slideToggle()时，请再次使用它而不是.show()

setTimeout(function () {
    $("#testdiv").slideToggle(1500);
}, 5000)

$('#btnclick').click(function () {
    $('#testdiv').slideToggle();
});

DEMO

Answer 3

这个怎么样？

我的示例包括向上和向下滑动，我不确定这是否可以接受，但确实有效。

$( document ).ready(function() {
 $(function() {
    setTimeout(function() { $("#testdiv").slideToggle(1500); }, 5000)
    $('#btnclick').click(function() {
        $("#testdiv").slideToggle(1500);
    })
})

}）

Answer 4

uwsgi reload

Answer 5

只需添加此jquery代码 DEMO

0041 79 800 80 80

单击时如何使对象再次最小化

5 个答案: