jQuery анимация высоты во время .show («слайд»)

Question

jQuery анимация высоты во время .show («слайд»)

0

Я хочу знать, может ли кто-нибудь помочь мне в этом: http://jsfiddle.net/jalxob/wMck2/7/

$(".turn_next").click(function(){
   $(".box2").hide();
   $(".box3").animate({height:'300px'}, 300);
   $(".box3").show('slide', {direction: 'right'}, 500);
});

$(".turn_back").click(function(){
   $(".box3").hide();
   $(".box2").animate({height:'100px'}, 300);
   $(".box2").show('slide', {direction: 'left'}, 500);
});

Я хочу, чтобы перед переходом слайдов между box2 (красный) и box3 (желтый) пользователь мог видеть анимацию высоты, потому что высота обоих разных.

Есть идеи?

Спасибо вам, ребята!

user2989327 14 дек. 2013, в 01:27

Источник

0

Это только я или это демо не делает ничего полезного?
xec 14 дек. 2013, в 00:26
0

Демоверсия обновлена: jsfiddle.net/jalxob/wMck2/7
user2989327 14 дек. 2013, в 00:47

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

Это только я или это демо не делает ничего полезного?
Демоверсия обновлена: jsfiddle.net/jalxob/wMck2/7

Khanh TO · Accepted Answer · 2013-12-14T00-24-00.000Z

Вам это нужно?

$(".turn_next").click(function(){
   $(".box2").hide();
   $(".box1_content").animate({height:'300px'}, 300,function(){
         $(".box3").show('slide', {direction: 'right'}, 500);
   });
});

$(".turn_back").click(function(){
   $(".box3").hide();
   $(".box1_content").animate({height:'100px'}, 300,function(){
       $(".box2").show('slide', {direction: 'left'}, 500);
   });
});

DEMO