2013-10-01 154 views
0

有一个小提琴here设置手风琴默认为折叠

我想有面板瘫倒在默认情况下,加入...

$container.active(false); 

而且它折叠板,但后来它也破坏了页面上的其他jQuery插件。

以下是完整的脚本:

(function() { 

    var $container = $('.acc-container'), 
     $trigger = $('.acc-trigger'); 

    $container.hide(); 
    $container.active(false); 
    $trigger.first().addClass('active').next().show(); 

    var fullWidth = $container.outerWidth(true); 
    $trigger.css('width', fullWidth); 
    $container.css('width', fullWidth); 

    $trigger.on('click', function(e) { 
     if($(this).next().is(':hidden')) { 
      $trigger.removeClass('active').next().slideUp(300); 
      $(this).toggleClass('active').next().slideDown(300); 
     } 
     e.preventDefault(); 
    }); 

    // Resize 
    $(window).on('resize', function() { 
     fullWidth = $container.outerWidth(true) 
     $trigger.css('width', $trigger.parent().width()); 
     $container.css('width', $container.parent().width()); 
    }); 

})(); 

我有什么错?

+0

你有'Unknown TypeError:Object [object Object]没有方法'active''。 jQuery对象的确没有这样的方法。你忘了包含一些插件吗? – Pavlo

+0

没有。当我删除我认为解决方案是......'$ container.active(false);'时,手风琴运作良好。我想要的是没有默认打开第一个面板。我希望他们关闭,直到点击。如果您将该行注释掉,您会看到我的意思...... – webfrogs

回答

1

让我们写一些负面的代码。删除您的修复尝试,这是导致错误,这就是为什么所有其他脚本停止工作。

$container.active(false); 

然后删除下一行。这里手风琴的第一项被展开:

$trigger.first().addClass('active').next().show(); 
+0

强制窗格开始关闭。然后,我不得不添加一些内联CSS,因为面板会自动水平扩展,但这很好。现在,一旦我打开面板,我似乎无法关闭它们。 – webfrogs

+0

@webfrogs原创作品一样。如果这是一个问题,考虑另外打开一个问题。 – Pavlo