Tengo este jQuery:

$(document).ready(function()
{
   $("#panel").hide();

   $('.login').toggle(
   function()
   {
      $('#panel').animate({
      height: "150", 
      padding:"20px 0",
      backgroundColor:'#000000',
      opacity:.8
}, 500);
   },
   function()
   {
      $('#panel').animate({
      height: "0", 
      padding:"0px 0",
      opacity:.2
      }, 500);
   });
});

Este está trabajando bien, pero tengo que extender la funcionalidad de un poco. Quiero también del mismo modo manipular a otro del div propiedades en sincronización con el #panel de div. He intentado añadir dos más funciones relativas a la secundaria div, pero acabo de recibir un 4-fase de alternancia…jaja!
Perdona mi ignorancia!

Gracias chicos!

  • ¿Por qué no puede usted agregar el código para manipular esta segunda DIV dentro de la primera de dos funciones? Me estoy perdiendo algo?
  • No, me estaba perdiendo! Soy un jscript noob.
InformationsquelleAutor Kevin Brown | 2009-05-31

3 Comentarios

  1. 50
    $('.login').toggle(
        function(){
            $('#panel').animate({
                height: "150", 
                padding:"20px 0",
                backgroundColor:'#000000',
                opacity:.8
            }, 500);
            $('#otherdiv').animate({
                //otherdiv properties here
            }, 500);
        },
        function(){
            $('#panel').animate({
                height: "0", 
                padding:"0px 0",
                opacity:.2
            }, 500);     
            $('#otherdiv').animate({
                //otherdiv properties here
            }, 500);
    });
  2. 6

    No creo que la adición de dos funciones dentro de la función alternar obras de registro, haga clic en evento (a Menos que me estoy perdiendo algo)

    Por ejemplo:

    $('.btnName').click(function() {
     top.$('#panel').toggle(function() {
       $(this).animate({ 
         //style change
       }, 500);
       },
       function() {
       $(this).animate({ 
         //style change back
       }, 500);
     });
    • entonces, ¿qué estás tratando de decir ? yo no creo que es útil para dar al código que dosent trabajo y decir «Oh, dosent trabajo». post una solución real.
    • Creo que es útil para dar al código que dosent trabajo y decir «Oh, dosent trabajo».
    • Esta función está en desuso como de JQuery 1.8 y se retira en JQuery 1.9. api.jquery.com/toggle-event/#entry-longdesc
  3. -8
    onmouseover="$('.play-detail').stop().animate({'height': '84px'},'300');" 
    
    onmouseout="$('.play-detail').stop().animate({'height': '44px'},'300');"

    Acaba de poner dos paradas — uno de los eventos onmouseover y uno onmouseout.

    • El uso en línea de JavaScript no es un buen patrón. Si usted ya está usando jQuery utilizar los controladores de eventos en su lugar.

Dejar respuesta

Please enter your comment!
Please enter your name here