Latest web development tutorials

jQuery를 아코디언

jQuery를 아코디언 플러그인은 풀다운 메뉴를 작성하는 데 사용됩니다. 그것은 일반적으로 중첩 된 목록, 정의 목록 또는 중첩 된 사업부와 함께 사용됩니다. 옵션 능동 소자 및 사용자 지정 애니메이션의 구조를 지정하는 데 사용됩니다.

플러그인은 이제 jQuery를 UI의 독립 실행 형 버전의 일부가 업데이트되지 않습니다. 현재 버전은 1.6입니다.

jQuery를 아코디언의 공식 웹 사이트 , jQuery를 아코디언 플러그인 다운로드 : http://www.w3big.com/try/download/jquery-accordion.zip .

아코디언에 대한 자세한 내용은 API 문서를 참조하십시오 접는 패널 부재 (아코디언 위젯을) .

표준

다음과 같이 표준 코드는 다음과 같습니다 

jQuery('#list1a').accordion(); 
jQuery('#list1b').accordion({ 
    autoheight: false 
});

항해

앵커와 중첩 된 목록 정렬되지 않은 목록 

jQuery('#navigation').accordion({ 
    active: false, 
    header: '.head', 
    navigation: true, 
    event: 'mouseover', 
    fillSpace: true, 
    animated: 'easeslide' 
});

옵션으로

컨테이너가 정의 목록이다 제목 DT이다 함유량 DD이다. 

jQuery('#list2').accordion({ 
    event: 'mouseover', 
    active: '.selected', 
    selectedClass: 'active', 
    animated: "bounceslide", 
    header: "dt" 
}).bind("change.ui-accordion", function(event, ui) { 
    jQuery('<div>' + ui.oldHeader.text() + ' hidden, ' + ui.newHeader.text() + ' shown</div>').appendTo('#log'); 
});