Tengo estos 2 `div` en mi `body` y son los únicos que tengo. El primero muestra unas tablas. El segundo tiene un formulario y debe mostrarse cuando haga **clic** en una de las tablas. Al hacer clic sobre una tabla del primer `div` estas convocan una función que oculta el `div` con `id="pagina1"` y muestra el `div` con `id="pagina2"`, es decir usando el comando `$("#pagina1").hide()` y `$("#pagina2").show()`. El problema es que por alguna razón **css** no funciona en los 2 `div`, mas bien solo funciona en el primer `div` que este declarado. <div data-role="page" id="pagina1"> <div data-role="header" data-position="fixed"> <h1>LISTADO DE REMITOS PENDIENTES </h1> </div> <div data-role="content"> <div id="idResultado"></div> </div> </div> <div data-role="page" id="pagina2"> <div data-role="header" data-position="fixed"> <h1>Registro de Remito </h1> </div> <div data-role="content"> <div class="titlepage">Ingrese los datos </div> <div class="ui-field-contain"> <input type="text" id="txtCodRemito" data-clear-btn="true" placeholder="Codigo Remito" required /> <input type="datetime-local" id="txtfecha" name="birthdaytime"> <select id="cbProveedor"> <option value="-1">Seleccione un Proveedor</option> </select> <select id="cbCombustible"> <option value="A">Seleccione un Combustible</option> <option value="B">Debe Seleccionar un proveedor para cargar los combustibles</option> </select> <input type="text" id="txtLitros" data-clear-btn="true" placeholder="Litros Cargados" required /> <input type="text" id="txtMonto" data-clear-btn="true" placeholder="Monto Total" required /> <button id="btnCamara">Foto de Remito</button> <div style="border: 1px solid; width: 200px; min-height:100px; margin: 0 auto;"> <img src="" id="myImage" /> </div> <button id="btnRegistrar">Registrar</button> </div> <div id="idResultado"></div> </div> </div>