¿Hay alguna manera de hacer que un elemento/conjunto colapsable en jQuery Mobile no se inserte? Por defecto, hace que el elemento colapsable sea un elemento insertado.jQuery Mobile: hacer un elemento colapsable 100% ancho/NO inserción
data-inset="false" no altera el comportamiento.
Si otorga un valor negativo a las propiedades margin-left y margin-right, puede expandir el contenido plegable al ancho de la página.
El valor predeterminado margin-top y margin-bottom valores para un plegable están 8px por lo que podemos escribir una regla CSS para esto:
.ui-collapsible {
margin : 8px -15px;
}
Elegí -15px porque esa es la cantidad negativa de padding que el elemento data-role="content" añade a cada página.
Aquí es una jsFiddle para ver lo que esto hace: http://jsfiddle.net/jasper/zSvqU/
Siempre se puede poner el bloque de contenido plegable en data-role="header", pero por supuesto esto es sólo aceptable si su contenido colapsable no tiene que estar en algún lugar en el medio de tu página.
¿Cuál es el comportamiento esperado? Si se trata de estilo, podrías restyle –