jquery 사이에 여분의 공백을 제거하는 방법 모바일 그룹화되지 않은 여러 개의 축소판

Question

아래의 각 접을 수있는 사이에 여분의 공간을 없애려면 어떻게해야합니까? (아래 이미지 링크를 참조하십시오.) - 화면의 공간을 절약하고 서로를 쌓아 올리려고합니다.

참고 : 내 접힘 (예 : 이메일, Une, 재판매)은 각각 독립적이며 임의로 열거 나 닫을 수 있습니다 (비 아코디언 유형).

https://dl.dropbox.com/u/58096637/jqm_collapsible2.jpg

Answer 1

Here's 당신을 위해 예 :

// Remove space between collapsible elements 
$('div[data-role="collapsible"]').addClass('new-class'); 
// Remove rounded corners 
$('div[data-role="collapsible"] h3 a').removeClass('ui-corner-bottom ui-corner-top ui-btn-up-c').addClass('ui-btn-up-c-custom'); 
// Fix borders so collapsible elements can overlap properly 
$('div:last-child[data-role="collapsible"] h3 a').addClass('ui-btn-up-c-custom-last'); 

이 사용 jQuery 코드는

입니다