2011-06-30 52 views
2

我試圖讓一個頂級菜單slideToggle和#content div加載後同時反彈。下面是正確的代碼出了反彈:同時jQuery 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頂」)的slideToggle(函數(){

是這樣,沒有。 ?哪位知道怎麼會有這樣的實現謝謝

回答

2

可以包括jQuery的用戶界面的bounce效果,並且鏈的slideToggle的電話和effect("bounce")在一起:

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

你可以看到它在this js fiddle中工作。雖然我其實更喜歡沒有反彈的效果:)