Javascript 如何使用不同的选项初始化同一类型的不同语义ui模块?

Javascript 如何使用不同的选项初始化同一类型的不同语义ui模块?,javascript,jquery,semantic-ui,Javascript,Jquery,Semantic Ui,我有嵌套的accordion模块,并希望以不同的方式初始化它们,在本例中,仅当单击内部accordion的图标时才打开它。不过,似乎初始化只能发生一次。有没有办法更改内部手风琴的选项 这是不起作用的重新初始化: HTML: 您面临什么问题?@AlivetoDie触发器是两位手风琴手的默认(整个标题) <div class="ui accordion main"> <div class="title"> <i class="dropdown icon"&g

我有嵌套的accordion模块,并希望以不同的方式初始化它们,在本例中,仅当单击内部accordion的图标时才打开它。不过,似乎初始化只能发生一次。有没有办法更改内部手风琴的选项

这是不起作用的重新初始化:

HTML:


您面临什么问题?@AlivetoDie触发器是两位手风琴手的默认(整个标题)
<div class="ui accordion main">
  <div class="title">
    <i class="dropdown icon"></i> Main 1
  </div>
  <div class="content">
    <div class="accordion sub">
      <div class="title">
        <i class="dropdown icon"></i> Sub Title
      </div>
      <div class="content">
        Sub Content
      </div>
    </div>
  </div>
  <div class="title">
    <i class="dropdown icon"></i> Main 2
  </div>
  <div class="content">
    <p>Main 2 Content</p>
  </div>
</div>
$('.ui.accordion').accordion();
// $('.ui.accordion.main').accordion();  // Also doesn't work
$('.ui.accordion.sub').accordion({
  selector: {
    trigger: '.icon'
  }
});