Анимация «высота» Jquery на дне

Question

Анимация «высота» Jquery на дне

0

Я хочу анимировать мои баннеры, но здесь они оживлены сверху, и я хочу, чтобы анимация начиналась снизу. Что оранжевые знамена исчезают внизу. Возможно?

→ MY FIDDLE <-

$(".myDiv").mouseover(function() {  
$('#'+this.id+'bis').stop().animate({height: '0px'}); });
$(".myDiv").mouseout(function() {  
$('#'+this.id+'bis').stop().animate({height: '50px'}); });

Bonjour 21 окт. 2013, в 13:57

Источник

0

То есть вы хотите, чтобы они сокращались, а не уменьшались?
Nunners 21 окт. 2013, в 11:31

Теги:

jquery

direction

height

jquery-animate

2 ответа

Ещё вопросы

То есть вы хотите, чтобы они сокращались, а не уменьшались?

Nunners · Answer 1 · 2013-10-21T09-10-00.000Z

Если вы пытаетесь сделать то, что я думаю, вы можете попробовать следующий jQuery:

$(".myDiv").mouseover(function() {  
    $('#'+this.id+'bis').stop().animate({height: '0px', top: '50px'}); 
});
$(".myDiv").mouseout(function() {  
    $('#'+this.id+'bis').stop().animate({height: '50px', top: '0px'}); 
});

Это будет анимировать высоту и Top позицию CSS элемента. Это будет похоже на то, что элемент застрял на дне и сжимается.

Пример JSFiddle

Joel · Answer 2 · 2013-10-21T09-44-00.000Z

Прежде всего. Вам нужно исправить свой HTML. КЛАССЫ И ИДЫ создаются как таковые: id = "Name" class= "Name"

Вам нужно добавить "вокруг" вашего тега.

Я обновил Fiddle для вас здесь с помощью html + jquery: Here

Надеюсь, это то, что вы ищете.