Question

问题

我已经无休止地尝试让我的网站的这个手风琴部分符合跨浏览器/ resonsive。这个关于firefox的演示中的可扩展手风琴就像它应该的那样工作：
http://www.kinetik.us/test.php
但是当你在镀铬中尝试它时，第二个项目的宽度不能正确计算。我似乎无法理解为什么这只发生在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，但是小错误往往会让我陷入困境！嘿！无论如何希望你能帮忙:)。

Answer 1

除了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);

    }

自定义可扩展jquery bootstrap手风琴动画在chrome中打破/在ff中工作。

1 个答案: