展开/折叠语义UI手风琴的所有元素

时间:2017-10-04 14:16:32

标签: css accordion semantic-ui

我没有从Semantic UI文档/ API中找到任何线索,是否有一种干净的方法可以做到这一点?

现在,我看到的是:

$('.ui.accordion > .title').addClass('active')
$('.ui.accordion > .content').css('display', 'block')

2 个答案:

答案 0 :(得分:1)

您实际上可以这样做:

$('.ui.accordion .individual').each(function(i){
    $(this).parent().accordion('open',i);
});

您只需遍历每个单独的元素以获得其索引位置,然后要求父级(手风琴)打开每个元素。这样,您仍然可以获得过渡。

答案 1 :(得分:0)

这是答案:

onOpen(commentID: string){
 jQuery(`.replies${commentID}`).accordion('open', 0); 
}
<div class="ui accordion replies{{commentID}}">
  <div class="title"  (click)="onClick(commentID);">
  </div>
  <div class="content">
    hello
  </div>
</div>