2012-03-02 84 views
0

我看過很多關於jQuery和幻燈片切換跳轉問題的帖子,但我對這段代碼不熟悉,並且完全不瞭解我需要做什麼來修復它。我試圖有幾個按鈕,當button1被點擊時它會打開,但當另一個按鈕(button2)被點擊時,Button1關閉並且Button2打開。我有這部分工作,但我仍然受到跳躍問題的困擾。這裏是我的代碼:slideToggle跳轉

function toggleDiv(divId) { 
    $('div[name|="newboxes"]').each(function(index) { 
    if ($(this).attr("id") == divId) { 
     $(this).slideToggle(1500, "easeInOutCirc") 
    } else { 
     $(this).slideUp(500, "easeInOutCirc"); 
    } 
    }); 
function toggleByClass(className) { 
    $("."+className).toggle(); 
} 
} 

任何意見將是非常有益的,非常感謝。
謝謝。

+0

可能是一些CSS保證金的問題。你可以發佈你的html代碼嗎 – DG3 2012-03-02 17:09:52

+1

你可以發佈一個jsFiddle的例子嗎? – j08691 2012-03-02 17:10:00

+0

這是我一直在努力的頁面的鏈接。 HTML可能真的很混亂,我對此表示歉意。 http://dl.dropbox.com/u/2600525/Overflow/home.html @ j08691 – buckeytucker 2012-03-03 01:58:33

回答

0

J Query的Toggle Toggle()API存在跳躍問題。 在我的問題中,我試圖滑動數據在運行時渲染的div,所以面臨跳躍的問題。

我結束與以下soution:

$("#divId").animate({"margin-top" : "toggle"}); //滑下去,但它順利打開DIV以幻燈片切換API $("#divId").animate({"height" :"toggle"}) ; //向上滑動