Hacer algo luego de slideToggle()

[rapuig]

Hola, tengo la siguiente función:

Código Javascript:

$(function(){
    $("#mostrar").click(function(event) {
        $("header").css("position","absolute");
        event.preventDefault();
        $("#cuadro").slideToggle();
    });
});
 

El tema es que la position de header antes de que se ejecute la función era fixed, entonces como hago para que al volver a hacer clic en el div #mostrar, que es cuando se oculta, el header quede con su position original, o sea fixed ya que se modificó.

Gracias! :)

[Reedyseth]

En vez de que utilices click, usa toggle, con eso puedes usar 2 funciones, algo asi como una ida y una de venida, algo asi:

Código Javascript:

$(function() {
                $("#mostrar").toggle(function(event) {
                        $("header").css("position", "absolute");
                        event.preventDefault();
                        $("#cuadro").slideToggle();
                   },function(event) {
                    $("header").css("position", "fixed");
                    event.preventDefault();
                    $("#cuadro").slideToggle();
                });
            });
 

Aunque hay que ver bien que es lo que quieres hacer con $("#cuadro").slideToggle(); ya que como no tengo todo tu codigo no se cual seria su comportamiento, pruebalo y me dice como te fue,

Saludos

[Reedyseth]

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:

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

[rapuig]

Muchas gracias Reedyseth por tu ayuda y respuesta detallada.
Voy a probarlo, ahora me han surgido otras dudas pero voy a preguntarlas en un hilo aparte por las dudas, gracias nuevamente. :)

[Reedyseth]

Por nada, mira si te saltan dudas de este codigo en esta misma liga te las respondo para que no se pierda, saludos !!

[rapuig]

Gracias Reedyseth, se trata sobre otro tema de Javascript.
Ahora voy a probar esto!

Saludos.