Mostrar / Ocultar NavBar en pie de página basado en Poimer Tap

Question

JQM 1.1.1 y CORDORVA 2.0.0

Estoy atrapando clics dentro del pie de página y en un clic Estoy alternando Show () / Ocultar () The NavBAR.

Hasta ahora, estoy atrapando los grifos, la barra de navegación está mostrando / ocultando, pero cuando muestra la página de la altura de la barra de navegación.Esta lengththing no es notable, sino que hace que la página sea desplazable incluso después de que la barra de navegación esté oculta.(Solo agrega la altura de la barra de navegación una vez, a la parte inferior de la página.)

Justo como un FYI, "Toque para alternar" no es una opción porque requiere tapping en la parte de contenido de UI de la pantalla y que tiene otros clickables, por lo que tengo que atrapar clics en el pie de página.

¿Cómo puedo no tener esa longitud agregada a la parte inferior de la página para que la barra de navegación sea más de una superposición que una extensión o cómo puedo eliminar esa altura adicional en la Ocultar ();

El código de página se ve así:

<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 -->  

El show / ocultar Javascript es esto:

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

gracias a todos ...

Answer 1

Agregar esto al bloque Mostrar:

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

Agregar esto al bloque de ocultar:

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

Esto elimina el DIV desde el DOM, por lo que ahora el menú muestra / se esconde y parece que debería ... Puede atarlo a cualquier evento, incluido el botón MENÚ (lo he atado al botón del menú y el toque dentroel pie de página)