問題
私は自分のサイトのこのアコーディオン セクションをクロス ブラウザー対応/レスポンシブにしようと、果てしなく試みてきました。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を非常に速く学んでいるので、どんなアイデアでも大いに役立ちますが、小さなバグが原因で行き詰まる傾向があります! へー!とにかく、あなたが助けてくれることを願っています:)