Mostra / nascondi la navigazione nel footer a base di piè di pagina

Question

JQM 1.1.1 e CORDORVA 2.0.0

Sto intrappolando i clic all'interno del piè di pagina e su un clic che sto commultare Show () / Hide () la navbar.

Finora sto intrappolando i rubinetti, la navigazione sta mostrando / nascondendo, ma quando mostra che allunga la pagina per l'altezza della navbar.Questo Lentengo non è evidente ma rende la pagina scorrevole anche dopo che la navbar è nascosta.(Aggiunge solo l'altezza del navigazione una volta, nella parte inferiore della pagina.)

Proprio come un FYI, "Toccare per il Toggle" non è un'opzione perché richiede toccando la parte del contenuto dell'interfaccia utente dello schermo e che ha altri click per il motivo per cui devo intrappolare i clic nel piè di pagina. Come posso aggiungere quella lunghezza in fondo alla pagina in modo che la navbar sia più di una sovrapposizione di un'estensione o come posso rimuovere quell'altezza extra su nascondino ();

Il codice del piè di pagina è simile a questo:

<div data-role="footer" data-position="fixed" data-theme="b">
  <div id="menu" data-role="navbar" data-iconpos="top">
    <ul>
      <li><a href="#" data-icon="gear">Settings</a></li>
      <li><a href="#" data-icon="delete">Delete</a></li>
    </ul>
  </div>
  <h6>App Footer Text</h6>
</div><!-- /footer -->  

.

Lo spettacolo / nascondi JavaScript è questo:

if(stateMenu == false)
{
  $('#menu').addClass('fixed');
  $("#menu").show();
  stateMenu = true; 
}
else
{
  $('#menu').removeClass('fixed'); 
  $('#menu').hide();  
  stateMenu = false;
}   

.

Grazie All ...

Answer 1

Aggiungi questo al blocco Mostra:

$('#menu').css('display', 'normal');

.

Aggiungi questo al blocco Nascondi:

$('#menu').css('display', 'none');

.

Ciò rimuove il div dal Dom così ora il menu mostra / nasconde e sembra che ... Puoi legarlo a qualsiasi evento incluso il pulsante di menu (l'ho legato al pulsante del menu e il rubinetto dentroIl piè di pagina)