나는이 메시지가 here 전에 요청되었지만이 스레드와 유사한 게시물에서 모든 것을 시도했지만이 사실을 알 수 없습니다.jQuery Accordion 자동 높이 문제 : 공백이 너무 많음/높이가
$(function() {
$("#notaccordion1").accordion({autoHeight: 'false', heightStyle: 'content', collapsible: true, active: false});
});
확장 가능한 아코디언 div는 각각 맨 아래에 공백이 있습니다. 바이올린을 확인하십시오 : http://jsfiddle.net/pfeff/tH4rd/
Accordian CSS에는 div 주위에 꽤 많은 패딩이 있습니다. 이것을 자신의 CSS로 덮어 쓸 수 있습니다.
.ui-accordion .ui-accordion-content {
padding-bottom: 0px;
}
바이올린 같은 당신이뿐만 아니라 padding-top: 0px을 설정하는 패딩을 제거하려면 위의 공백에 적용
.
업데이트 여기
은 두 번째 예제를 기반으로 업데이트입니다.
여기에 css이 필요하지 않습니다. 아코디언에서 여분의 패딩을 추가하는 단락을 사용하고 있지 않기 때문입니다. 내가 한 모든 것은 귀하의 myAccordion 기능을 수정하여 새 아코디언 섹션이 열릴 때 나머지 아코디언 섹션을 닫습니다. (그것은 그 전에 일을하지 않은 것은)
또한 원래의 코드는 autoHeight를 설정합니다 '거짓'이,이 설정은 따옴표 그래서 아마도 모든 공간의 원인이되었을 수도없이 나를 위해 작동합니다.
이것은 OP의 질문에 답할 수 없으며 코멘트로 더 적합합니다. –
@miles 질문을 해결하는 데 도움이된다면이 답변을 허용으로 표시하십시오. 그렇지 않은 경우 의견을 제공하십시오. 감사합니다 – Trevor
나는 CSS를 추가했으나 여전히 같은 이슈를보고 있습니다 http://jsfiddle.net/pfeff/tH4rd/ – miles
@miles 업데이트 된 바이올린이 보이지 않습니다 .. 게시 한 것은 원래 것입니다. 내 대답에 게시 한 바이올린에서 문제가 보이나요? – Trevor