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



我找不到从语义UI文档/API中做到这一点的任何线索,有没有干净的方法?

目前,我看到的是:

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

您实际上可以这样做:

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

您只需迭代每个元素以获取其索引位置,然后要求父(手风琴)打开每个元素。这样,您仍然会得到过渡。

这是答案:

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>

最新更新