2012-03-02 8 views
0

jQueryとスライドトグルジャンプの問題に関する多くの記事を見てきましたが、私はこのコードを初めて使用しており、修正するために必要なことを完全に理解していません。私はいくつかのボタンを持っているとしようとしているときに、ボタン1をクリックすると開きますが、別のボタン(button2)をクリックするとButton1が閉じ、Button2が開きます。私はこの部分が働いているが、私はまだジャンプ問題に苦しんでいます。ここに私のコードです:slideToggle Jump

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マージンの問題を上にスライドするスライド切り替えAPI $("#divId").animate({"height" :"toggle"}) ; //としてスムーズにDIV開きます。あなたもあなたのHTMLコードを投稿できます – DG3

+1

jsFiddleの例を投稿できますか? – j08691

+0

ここに私が取り組んでいるページへのリンクがあります。 HTMLはおそらく本当に乱雑です、私はそれを謝罪します。 http://dl.dropbox.com/u/2600525/Overflow/home.html @ j08691 – buckeytucker

答えて

0

J QueryのスライドToggle()APIにはジャンプの問題があります。 私の問題では、実行時にデータがレンダリングされるdivをスライドさせようとしたため、ジャンプの問題に直面していました。

私は、次のsoutionで終わる:スライドダウンする

$("#divId").animate({"margin-top" : "toggle"}); //それは