0

問題

私は自分のサイトのこのアコーディオン セクションをクロス ブラウザー対応/レスポンシブにしようと、果てしなく試みてきました。Firefox でのこのデモの展開可能なアコーディオンは、
http
://www.kinetik.us/test.php のように機能します が、クロムで試してみると、2 番目の項目の幅が正しく計算されません。なぜこれがクロムでのみ起こっているのか、頭を悩ませているようには思えません。

開くアコーディオンごとに次のコードがあります。

    $(document).ready(function(){
$('#collapse_link1').click(function() {
  if($('#collapse1').hasClass('in')){
    $('#collapse1').animate({ padding: 0 }).delay(100).removeClass('visible');
    }else{
        $('#collapse1').animate({ padding: "0px 20px 20px 20px" });
        setTimeout(function() {
            $('#collapse1').addClass('visible');
        }, 1);
    }
}); 

});

私はjqueryを非常に速く学んでいるので、どんなアイデアでも大いに役立ちますが、小さなバグが原因で行き詰まる傾向があります! へー!とにかく、あなたが助けてくれることを願っています:)

4

1 に答える 1