div que se desvanece y siguiente div -- jquery camp Relacionados El problema

div fade out and next div slideUp


1
vote

problema

Español

Hay 3 divs con un botón que hace que el div que se desvanece actual.

¿Cómo deslizarse el siguiente div que Bello se desvaneció después de DIV actual?

jsfiddle

  $(".btn-disapear").click(function() {     $(this).closest(".panel").fadeOut(400);     $(".this-message").delay( 400 ).fadeIn(400).delay(900).fadeOut(400);     $(this).parent().next(".panel").slideUp(2000); });   
Original en ingles

There are 3 divs with a button that makes current div fade out.

How to slideUp the next div bellow after current div is faded out?

jsFiddle

$(".btn-disapear").click(function() {     $(this).closest(".panel").fadeOut(400);     $(".this-message").delay( 400 ).fadeIn(400).delay(900).fadeOut(400);     $(this).parent().next(".panel").slideUp(2000); }); 
  

Lista de respuestas

1
 
vote
vote
La mejor respuesta
 

Use .animate() y .slideUp() Funciones de devolución de llamada:

  $(".btn-disapear").click(function() {      $(this).closest(".panel").animate({opacity: 0}, 500).slideUp(2000, function() {         $(".this-message").fadeIn(400, function() {             $(this).delay(900).fadeOut(400);         });      });  });   

trabajando jsfiddle

 

Use .animate() and .slideUp() callback functions:

$(".btn-disapear").click(function() {      $(this).closest(".panel").animate({opacity: 0}, 500).slideUp(2000, function() {         $(".this-message").fadeIn(400, function() {             $(this).delay(900).fadeOut(400);         });      });  }); 

Working JSFiddle

 
 
3
 
vote

Debes usar el

  .fadeOut( "slow", function() {      //slide up in here };   

Espero que esto ayude

por completo

  $(".btn-disapear").click(function() {     $(this).closest(".panel").fadeOut(400, function(){         $(".this-message").fadeIn(400).delay(900).fadeOut(400, function(){             $(this).parent().next(".panel").slideUp(2000);         });       });   });   

truez

 

You should use the

.fadeOut( "slow", function() {      //slide up in here }; 

Hope this helps

For completeness

$(".btn-disapear").click(function() {     $(this).closest(".panel").fadeOut(400, function(){         $(".this-message").fadeIn(400).delay(900).fadeOut(400, function(){             $(this).parent().next(".panel").slideUp(2000);         });       });   }); 

Truez

 
 

Relacionados problema

0  Deshacerse del disco en el artículo de la lista  ( Getting rid of disc in list item ) 
Estoy desarrollando un sitio usando jquery, y jquery ui Tabs. Por alguna razón, mis pestañas (lista desordenada) están mostrando sus balas en todos los navega...

2  Hacer OnClick Handler ignore los clics en los enlaces  ( Make onclick handler ignore clicks on links ) 
Tengo un controlador personalizado para un elemento de bloque (configurado a través del método .click () jquery). Este elemento de bloque puede contener enlac...

2  Ajaxform en jQuery  ( Ajaxform in jquery ) 
Estoy usando AjaxForm. Ahora he encontrado un problema. Mi idea es cuando el usuario ingresa al nombre de usuario, si es un nombre de usuario incorrecto, debe...

11  Control deslizante jquery - Función de llamada después de la diapositiva  ( Jquery slider call function after slide ) 
Tengo una calada de jQuery que estoy usando para establecer la puntuación en una aplicación web. Yo orignally lo tenía para que el usuario haga clic en un bot...

0  ¿Cómo obtener el número de índice dentro de $ .click () de jQuery?  ( How to get index number inside click of jquery ) 
$("span.ws_label").click(function() { }) por selector "span.ws_label" Hay 5 elementos seleccionados, Cuando se hace clic en uno de ellos, ¿Cómo sabe...

0  JQUERY, selectores de filtros de atributos y averiguar exactamente _which_ Elemento se hizo clic  ( Jquery attribute filter selectors and finding out exactly which element was c ) 
Tengo este jQuery que funciona bien $("li[id^='shop_id']").click( function () { alert("I clicked on id ??"); }); Lo anterior funcionará si se hace...

1279  ¿Cómo pongo / no tomar una cookie con jQuery?  ( How do i set unset a cookie with jquery ) 
¿Cómo configuro y no prestar atención a una cookie utilizando jQuery, por ejemplo, cree una cookie llamada test y configure el valor en 1 ? ...

1  Problema de JSONRESULT  ( Jsonresult problem ) 
Tengo una ActionResult que devuelve esto: return new JsonResult() { Data = new { isDeleted = isEntityDeleted } }; En JavaScript, el valor devuelto por ...

210  ¿Cómo puedo excluir $ (esto) de un selector de jQuery?  ( How can i exclude this from a jquery selector ) 
Tengo algo como esto: <div class="content"> <a href="#">A</a> </div> <div class="content"> <a href="#">B</a> </div> <div class="content"> <a hr...

1  $$ en jQuery, ¿para qué se usa?  ( In jquery whats this used for ) 
Si alguien solo escribe: $("#downloadTabs>div").each(function(el) { el.setStyle("display", "none"); el.removeClass('active'); }); ...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos