버튼을 사용하여 아코디언 이벤트를 제어하는 ​​방법

Question

나는이 스크립트를 인터넷에서 복사했습니다. 나는

 <h3 id="section1">Section 1</h3> 

대신 사업부의 버튼

<button> Click me to open next</button> 

와 아코디언 이벤트 (가까운 현재 사업부와 오픈 다음 DIV)를 제어하려는.

jquery 및 javascript에 익숙하지 않은 경우 도움이 될 것입니다. 특정 바이올린에서 fiddle

Answer 1

:

이

내 코드에 바이올린입니다. 조금 수정하고 <h3> 태그를 클릭하여 버튼 클릭을 바인딩하면 수동으로 클릭하는 것과 같습니다. 거기에서 버튼을 한번 클릭 할 때마다 다음 <h3>이 클릭됩니다.

$(function() { 
    $("#accordion").accordion({ 
     activate: function (event, ui) { 
     //alert($(ui.newHeader).attr("id")) 
     } 
    }); 

    $('button').on('click', function(){ 
     var current_index = $(this).parent().next('h3').index(); 
     if(current_index != -1) { // just checks if its the last 
      $(this).parent().next('h3').trigger('click'); 
     } else { 
      $('h3#section1').trigger('click'); 
     } 

    }); 
}); 

Sample Fiddle