Вертикальный угловой JS Аккордеон бок о бок

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> 

Как я могу это достичь?

[edit]: Я понимаю, что, возможно, не правильно объяснил это. Я хочу аккордеоны быть ВЕРТИКАЛЬ, но только для них, чтобы быть расположены бок о бок

[решение]: Ну решение было довольно просто, добавлен стиль = «дисплей: встроенный блок» в аккордеонная группа. ура

Answer 1

Ну решение было довольно просто, добавил стиль = «дисплей: встроенный блок» для аккордеона-группы. ура

Answer 2

Я наткнулся на плагин под названием zAccordian.

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

Это горизонтальная accrodian, я думаю, что это должно быть достаточно для ваших нужд.

Если вы хотите, чтобы все вкладки открывались одним щелчком мыши, есть параметр запуска, который можно передать. Не уверен, насколько вы знакомы с JQuery, но это должно сделать трюк.

С уважением, Уоррен