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>