Jquery UI 아코디언이 중첩 테이블과 작동하지 않습니다.

Question

jQuery UI 아코디언 내에 테이블을 포함하려고합니다.

표가 포함 된 섹션 ('다운로드 할당')이 어떤 이유로 든 위아래로 부드럽게 움직이지 않습니다.

아코디언의 다른 섹션은 잘 작동하는 것 같습니다. 문제를 이해하는

가장 좋은 방법은 모양을 가지고있다 - 주제에 하다니 http://testing.xenongroupadmin.com/docman/admin/Assignments/assignments.html

를 참조하십시오뿐만 아니라 아코디언에 약간의 CSS 결함이있을 나타납니다. 'Download Assignments (다운로드 할당)'탭의 맨 아래를 보면 다음 탭 바로 위의 경계에 작은 휴식 시간이 있습니다. 이것은 테이블과 관련이있는 것 같습니다. 누구든지 아이디어가 있다면 나는 그 (것)들을 듣는 것을 사랑한다!

Answer 1

테이블은 명시적인 높이를 실제로 "수행"하지 않습니다. 일단 볼 수 있으면 모든 것을 볼 수 있습니다. 그들의 가시성은 전부 또는 아닙니다.

이제 테이블이 포함 된 div는 다른 이야기입니다. 단순히 div에 테이블을 감싸고 div가 트리거 링크에 대한 형제가되도록하십시오.

<li> 
    <a href="#download">Download Assignments</a> 
    <div> 
    <table> 
    </div> 
</li>