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

Javascript 如何在单击时使对象再次最小化,javascript,jquery,Javascript,Jquery,我有一个小表单,当用户访问我的网页时,它会被扩展,然后在几秒钟后最小化。然后单击按钮时,它会再次展开。我一直在尝试添加代码,以便在再次单击按钮时将其最小化,但我一直在破坏它。我是jquery的初学者,有人能帮忙吗 小提琴: html: 脚本: $(document).ready(function () { $(function () { setTimeout(function () { $("#testdiv").slideToggle(1500)

我有一个小表单,当用户访问我的网页时,它会被扩展,然后在几秒钟后最小化。然后单击按钮时,它会再次展开。我一直在尝试添加代码,以便在再次单击按钮时将其最小化,但我一直在破坏它。我是jquery的初学者,有人能帮忙吗

小提琴:

html:

脚本:

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

试试这个:

使用时,请再次使用.slideToggle,而不是.show

使用时,请再次使用.slideToggle,而不是.show

这个怎么样

我的例子包括上下滑动,我不确定这是否可以接受,但它确实有效

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

我的例子包括上下滑动,我不确定这是否可以接受,但它确实有效

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

}

只需添加此jquery代码即可


只需添加这个jquery代码


fiddle中有一个涨潮按钮:基本上,如果您使用回调功能,那么您的代码是正确的。非常感谢您的帮助!它现在工作得很好!:D这里有一个提琴中的涨潮按钮:基本上,如果你使用回调功能,那么你的代码是正确的。非常感谢你的帮助!它现在工作得很好!:D
    $( document ).ready(function() {
       $(function() {
       setTimeout(function() { $("#testdiv").slideToggle(1500); }, 5000)
       $('#btnclick').click(function() {
       $('#testdiv').slideToggle(1500);
       setTimeout(function() { $("").slideToggle(1500); }, 5000)
       })
    })
    })
setTimeout(function () {
    $("#testdiv").slideToggle(1500);
}, 5000)

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