0

问题

我无休止地尝试让我网站的这个手风琴部分兼容/响应跨浏览器。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 非常快,但是小错误往往会导致我卡住!呵!无论如何希望你能帮忙:)

4

1 回答 1

0

看不到您提供的链接,因为除了 html 没有加载任何内容。

鉴于您提供的内容,我在小提琴中快速模拟了一些东西。让我知道这是否符合您的需求。

http://jsfiddle.net/jmsessink/U6Y9b/

    if($('#collapse1').hasClass('in')){

        $('#collapse1').stop(true, false).animate({ padding: 0 }).delay(100).removeClass('in');

    } else {

        $('#collapse1').stop(true, false).animate({ padding: "0px 20px 20px 20px" });
        setTimeout(function() {
            $('#collapse1').addClass('in');
        }, 1);

    }
于 2012-12-07T03:05:57.880 回答