i have this 2 div in my body, the first one shows tables, the second one has a form with input select and buttom, and it must shows itself when i click a table from the first one, this tables call a function that hide the first div with id=”pagina1″ and the show the div with id=”pagina2″, using the command $(“#pagina1”).hide() and $(“#pagina2”).show(), the problem is that for some reason css is not working the both div, it only works in the first div that it is declared
<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>