jQuery toggle haga clic en

Decir que necesita un elemento a animar cuando se hace clic. Para hacer esto sólo tienes que:

$('#header .icon').click(function() {
    $('#header form').animate({width:'195px'});
});

Pero ¿cómo podría hacer para que cuando hago clic en el elemento de nuevo el contrario animar lleva a cabo? (por ejemplo, animar a width: 0px; )

InformationsquelleAutor codedude | 2010-08-17

2 Kommentare

  1. 13

    Puede utilizar .toggle() como este:

    $('#header .icon').toggle(function() {
      $('#header form').animate({width:'195px'});
    }, function() {
      $('#header form').animate({width:'0px'});
    });

    Si era inicialmente usted podría alternar es ancho como este:

    $('#header .icon').click(function() {
      $('#header form').animate({width:'toggle'});
    });
  2. 6

    He tenido un problema similar hoy en día, y ninguna de las respuestas aquí resuelto para mí. Mi solución fue para salvar a los estados con el fin de tener diferentes cosas suceden cuando el mismo elemento se hace clic en:

    var estado="big";
    $(".snacks").click(function() {
        if(estado == "big"){
            $("#men_snacks").animate({width:"183px", height:"45px"}, 1000);
            return estado="small";
        } else if(estado == "small") {
            $("#men_snacks").animate({width:"82%",height:"550px"},1000);
            return estado="big";
        }
    });

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea