3

ここで個人的な演習の一環として、アコーディオンの FAQ メニューを作成しました。

ボタンをクリックすると、解決できないように見えるわずかなジッター/シェイクがあります。私はGoogleを検索しましたが、機能するものは役に立ちませんでした。何か案は？

また、コードを書くためのより効率的な方法はありますか? ここに私が持っているものがあります:

(function () {

    $('dd').hide();
    $('dt').click(function(){
        $(this)
            .next()
            .slideDown(100)
            .siblings('dd')
            .slideUp(100);
    });

    $('dd').click(function(){
        $(this).hide();
    });

})();
4

4 に答える 4

0

よくわかりませんが、サブピクセル レンダラーがページ上の要素の動きに応じて色間の境界線を調整しているのを見ているのでしょうか?

残念ながら、この場合、Web アプリケーションからできることはほとんどありません。せいぜい、ボタンの境界線のコントラストが少ない配色を選択することができます。これにより、ぐらつきが目立たなくなります。

于 2013-11-14T01:16:09.313 に答える
0

希望する結果が得られるように、いくつかのトランジション効果を切り替えてみてください。可能な限り CSS3 を使用してください。または、必要に応じて jQuery を使用してください。

$(this).animate({
    'paddingBottom': 5,
}, 300, 'linear')
于 2013-11-14T02:28:52.253 に答える