jQuery 아코디언에서 내 머리글 개체를 중첩하는 방법

Question

UL 목록이 있고 CSS 스타일링 때문에 LI 내의 div 내 아코디언 헤더로 사용할 개체를 중첩시켜야합니다. . 이제

<ul> 
    <li> 
     <div> 
      <h4>Header</h4> 
     </div> 
     <p>This is my content</p> 
    </li> 
    ... other lis... 
</ul> 

, 내 아코디언 후크 꿔 : 그런 내가 H4에 헤더를 설정하면

$(document).ready(function() { 
    $('ul').accordion({ 
     header: '' //What do I put here? 
    }); 
}); 

, 그것은 작동하지 않습니다 내가 사업부를 사용하는 경우, 그것을 div의 패딩이 h4 아래에서 드러나는 가장자리에서만 작동합니다. 머리글로 div 내에서 h4를 참조하는 방법이 있습니까? 'div> h4'시도했지만 작동하지 않습니다. 나는 이것이 아주 간단하다고 확신하지만 어떻게 발견하지 못했습니다.

미리 환호하십시오.

Answer 1

아코디언은 헤더 선택기와 일치하는 항목을 찾은 다음 .next()을 호출하여 콘텐츠 부분을 가져옵니다. 마크 업을 사용하려면 다음을 사용하십시오.

$('ul').accordion({ 
    header: 'li>div' //.next() will get the <p> 
}); 

테스트를 완료 했으므로 여기에서 정상적으로 작동합니다.