Question

手风琴的制作方式是另一个手风琴我希望能够并排制作它们。我有一个按钮，可以立即打开/关闭所有人。我尝试在手风琴组之上添加一个跨度，但它没有帮助。

<div id="top-panel" style="height:auto;border-bottom-style: outset;">
    <accordion close-others="false">
        <span ng-repeat="widget in _widgets">
            <accordion-group id="widgetsAccordion" heading="{{widget.name}}" is-open="widget.isOpen">
                moo
                <button ng-click="getPreviewContent('{{widget.postId}}')">{{widget.name}}</button>
            </accordion-group>
        </span>
    </accordion>
</div>
<div id="bottom-panel">
    <div id="feed-panel" style="height:580px;width:1075px; float: left;border-right-style:outset;">
        <button class="btn btn-primary" ng-click="toggleCollapse()">collapse</button>
    </div>
    <div id="preview-panel" style='float:right; width:570px;'>
        <ng-include src="htmlInclude" />
    </div>
</div>

我怎样才能做到这一点？

[编辑]：我意识到我可能没有正确解释这一点。我希望手风琴是垂直的，但只是让它们并排放置

[溶液]：那么解决方案非常简单，只需添加style =＆＃34; display：inline-block＆＃34;到手风琴组。欢呼声

Answer 1

嗯，解决方案很简单，只是添加了 style =“display：inline-block”指手风琴组。欢呼声

Answer 2

我遇到了一个名为zAccordian的插件。

http://www.armagost.com/zaccordion/

这是一个水平的accrodian，我认为这应该足以满足您的需求。

如果您希望只需单击即可打开所有选项卡，则可以传递一个start参数。不确定你对JQuery的熟悉程度，但这应该可以解决问题。

此致沃伦

垂直AngularJS手风琴并排

2 个答案: