同时使用jQuery slideToggle +弹跳效果吗？

Question

我正在尝试在加载了#content div之后，同时拥有一个顶级菜单slideToggle和弹跳。下面是不带弹跳的正确代码：

$(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(){

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

Answer 1

您可以包含jQuery UI的bounce效果，并将对slideToggle和effect("bounce")的调用链接在一起：

 $("#nav-top").slideToggle(function() {
      $("#music-player").fadeIn(1000);
 }).effect("bounce",300);

您可以在this js fiddle中看到它的工作方式。虽然我实际上更喜欢没有弹跳的效果:)