2017-01-30 6 views
0

Getuikit으로 내 문제를 해결하고 싶습니다. Accordion 플러그인이 작동하고 있습니다. 하지만 나는 페이지로드시 특정 아코디언을 활성화 (클릭)하고 싶습니다. 어떻게해야합니까?자동 활성 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"활성?

+0

어떤 버전의 uikit? 2 또는 3? – cssBlaster21895

+0

Getuikit 버전 2를 사용하고 있습니다. – FreeSoulTR

답변

1

나는 answer을 찾았습니다. 여기 어떤 친절한 사람이 페이지의 모든 아코디언을 열어서 코드를 약간 수정했습니다. 당신은 init에서 열리고 자하는 아코디언을 선택할 수 있습니다.

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 
    }); 
}); 

여기에 working pen이 있습니다.

+0

죄송합니다. 나를 위해 실행되지 않습니다. – FreeSoulTR

+0

jquery와 uikit 후에 스크립트를 포함 시켰습니까? 어쩌면 나중에 나도 바이올린을 준비 할 수있다 – cssBlaster21895

+0

또한 id 속성을 accordion에 추가하고 id가 accordion을 선택하려고한다 – cssBlaster21895