Mira el codigo anterior era una suposicion por que no lo habia probado, pero tras una serie de pruebas me di cuenta que al usar jQuery 1.9.1 .toggle() que funcionaba como un evento de click para mostrar y esconder ha sido quitado para evitar ambiguedad con el efecto .toggle(), por que lo que tienes dos opciones, usara el plugin migrate de jQuery para que funcione o adaptarte a la nueva version y trabajar sin el .toggle() y hacer tu propio toggle, yo me voy por la opcion de hacer mi propio toggle ya que eventualmente ya no se usara, por lo tanto te pongo un ejemplo que acabo de hacer para que funcione exactamente como el toggle, y asi tambien puede colocar la posicion del #header de absoluto a fixed:
Código Javascript
:
Ver originalvar enableCuadro = false;
$(document).ready(function() {
$("#cuadro").hide();
$("#mostrar").click(function () {
if(!enableCuadro) {
$("header").css("position", "absolute");
$("#cuadro").slideDown();
enableCuadro = true;
}else if(enableCuadro) {
$("header").css("position", "fixed");
$("#cuadro").slideUp();
enableCuadro = false;
}
});
});
Lo pruebas y me comentas, ,saludos !!!