Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqueryslidetoggle+;同时反弹效果如何?_Javascript_Jquery - Fatal编程技术网

Javascript jqueryslidetoggle+;同时反弹效果如何?

Javascript jqueryslidetoggle+;同时反弹效果如何?,javascript,jquery,Javascript,Jquery,我正在尝试在加载内容div后,让顶部菜单幻灯片同时切换和反弹。以下是没有反弹的正确代码: $(document).ready(function() { $("#content").hide(); $("#nav-top").hide(); $(window).load(function() { $("#content").fadeIn(3000, function() { $("#nav-top").s

我正在尝试在加载内容div后,让顶部菜单幻灯片同时切换和反弹。以下是没有反弹的正确代码:

$(document).ready(function() {

    $("#content").hide();

    $("#nav-top").hide();

        $(window).load(function() {
            $("#content").fadeIn(3000, function() {
                $("#nav-top").slideToggle(function() {
                    $("#music-player").fadeIn(1000);
                });
            });
    });
});
--我试图在$(“#nav top”).slideToggle(function(){


那么,有人知道这样的事情是如何实现的吗?谢谢。

您可以包括jQuery UI的效果,并将对slideToggle和
效果(“反弹”)的调用链接在一起:

 $("#nav-top").slideToggle(function() {
      $("#music-player").fadeIn(1000);
 }).effect("bounce",300);
您可以看到它在中工作。尽管我实际上更喜欢没有反弹的效果:)