tengo estos 2 div en mi body y son los unico 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 funcion 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 razon css no funciona en los 2 div, mas bien si 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>