垂直 AngularJS 手风琴并排

Question

手风琴的建造方式是一个手风琴在另一个手风琴下面我希望能够并排制作它们。我有一个按钮可以同时 open/close 每个人。我尝试在 accordion-group 上方添加一个跨度，但没有帮助。

<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="display:inline-block" 添加到手风琴组。干杯

Answer 1

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

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

这是一个水平的accrodian，我想这应该能满足你的需求。

如果你想一键打开所有标签页，有一个start参数可以传入。不确定您对 JQuery 的熟悉程度，但这应该可以解决问题。

此致，沃伦

Answer 2

好吧，解决方案非常简单，只是添加了 style="display:inline-block" 到手风琴组。干杯

垂直 AngularJS 手风琴并排

Vertical AngularJS Accordion side-by-side

accordion

angularjs