Jquery로 아코디언 활성화 및 비활성화

Question

사용자 입력을 기반으로 아코디언을 활성화 및 비활성화해야하는 내 체크 아웃 프로세스를위한 HTML 페이지가 있습니다.

이것은 UI 개발자가 직접 얻은 코드입니다. 모든 비활성화 사업부/아코디언

$(document).ready(function() { 
    //ACCORDION BUTTON ACTION  
    $('div.accordionButton').click(function() { 
     $('div.accordionContent').not($(this).next()).hide(); 
       $(this).next('div.accordionContent').slideToggle('normal'); 
       //$(this).next().slideDown('normal'); 
    }); 
}); 

, 우리는 내가 그것을 사용하고 기능이 작동한다 클릭한다되도록 div의 클래스를 변경하고, 해당 단계를 통과 성공적으로 사용 번 accordionButton2 클래스를 사용하고 있습니다.

처음에는 잘 작동하지만 사용자가 앞으로 나아갈 때 클래스가 accordionContent 인 accordionContent2으로 변경된 div를 모두 선택하지 않은 것으로 보입니다.

페이지로드시 클래스가 accordionContent 인 모든 div만을 선택하는 것으로 보입니다. 그런 다음 아무 것도 집어 올리지 않습니다.

는 나 또한

$('div.accordionButton').bind('click', function() { 

을 시도하지만 그것도 를 작동하지 않는 것처럼 내가 사용하고 런타임에 아코디언을 해제 할 수 있도록 내가, JQuery와에이를 수있는 방법 것 같다

Answer 1

$(document).on('click','div.accordionButton',function() { 
     $('div.accordionContent').not($(this).next()).hide(); 
       $(this).next('div.accordionContent').slideToggle('normal'); 
       //$(this).next().slideDown('normal'); 
    });