问题
我无休止地尝试让我网站的这个手风琴部分兼容/响应跨浏览器。Firefox 上的这个演示中的可扩展手风琴就像它应该的那样工作:
http
://www.kinetik.us/test.php
但是当你在 chrome 中尝试它时,第二项向下的宽度计算不正确。我似乎无法理解为什么这只发生在 chrome 中。
对于每个打开的手风琴,我都有这个代码:
$(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 非常快,但是小错误往往会导致我卡住!呵!无论如何希望你能帮忙:)