如何自动激活Getuikit手风琴

Question

我想解决我和Getuikit的问题。手风琴插件起作用了。但是我想要在页面上激活(点击)特定的手风琴。我该怎么做？

编辑: getuikit v2

<div class="uk-accordion" data-uk-accordion="{collapse: false}">
    <h3 class="uk-accordion-title">Accordion 1</h3>
    <div class="uk-accordion-content">
        <!-- Content -->
    </div>

    <h3 class="uk-accordion-title">Accordion 2</h3>
    <div class="uk-accordion-content">
        <!-- Content -->
    </div>

    <h3 class="uk-accordion-title">Accordion 3</h3>
    <div class="uk-accordion-content">
        <!-- Content -->
    </div>

    <h3 class="uk-accordion-title">Accordion 4</h3>
    <div class="uk-accordion-content">
        <!-- Content -->
    </div>
</div>

如何使“手风琴3&手风琴4”活动？

Answer 1

我在上面找到了回答。这里有人打开了页面上的所有手风琴，所以我稍微修改了一下代码。你可以选择，你想打开的手风琴。

UIkit.on('afterready.uk.dom', function() {
 var accordion = UIkit.accordion(UIkit.$('#myAccordion'), {collapse:false, showfirst: false});
 //choose which number of accordion interest you, here we choose 1 and 3, index starts from 0 
 accordion.find('[data-wrapper]').each(function (index) {
   if (index==0 || index==2)
     accordion.toggleItem(UIkit.$(this), true, false); // animated true and collapse false
  });
});

这是工作笔给你。

Answer 2

如果我没有错，你是期待保留在默认的第一手风琴。对吗？如果是，您不需要为此做任何额外的代码。作为解决方案本身。

你只要把英国放在第一位

• ，看看下面的代码和代码。