Question

我正在尝试在#content div加载后同时使用顶级菜单slideToggle和bounce。这是没有反弹的正确代码：

$(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（）{

那么，有没有人知道如何实现这样的目标？谢谢。

Answer 1

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

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

您可以在this js fiddle中看到它正常工作。虽然我实际上更喜欢没有反弹的效果：）

jQuery slideToggle +弹跳效果同时？

1 个答案: