jQuery Mobile：折りたたみ可能な要素を100％幅にする/挿入しない

Question

jQuery Mobileで折りたたみ可能な要素/セットを挿入する方法はありますか？デフォルトでは、折りたたみ可能な要素が挿入された項目になります。

data-inset="false"は動作を変更しません。

Answer 1

margin-leftとmargin-rightプロパティに負の値を指定すると、折りたたみ可能なコンテンツをページの幅に展開できます。折りたたみ可能なため

デフォルトmargin-topとmargin-bottom値は8pxているので、私たちは、このためのCSSルールを記述することができます。

.ui-collapsible { 
    margin : 8px -15px; 
} 

ことがdata-role="content"要素がそれぞれに追加するpaddingの負の量であるので、私は-15pxを選びましたページ。ここで

が、これは何をするか見るためjsfiddleです：http://jsfiddle.net/jasper/zSvqU/

Answer 2

あなたの折りたたみ可能なコンテンツがどこかである必要はありません場合は、必ずdata-role="header"で折りたたみ可能なコンテンツのブロックを置くことができるが、もちろん、これは唯一大丈夫ですあなたのページの真ん中。