JQuery Плавно скрыть [удалить] элемент - одновременно уменьшая высоты и прозрачность до нуля - animate к 0 - без схлопывания
Primary tabs
Вот такой плавно и одновременно с высотой уменьшит прозрачность блока до нуля, а затем и вовсем удалит блок из DOM:
// анимация средствами JQuery
$target.stop().animate({
height: "0px", // высоту к нулю
opacity: 0, // прозрачность к нулю к нулю
}, 800, function() {
$(this).remove(); // удаляем из DOM (если требуется, если же нет, то "закомментируйте" эту строку)
}
); Данный код решает проблему, указанную здесь.
Можно также плавно менять и ширину:
// анимация средствами JQuery
$element.stop().animate({
height: "0px", // высоту к нулю
width: "0px", // высоту к нулю
opacity: 0, // прозрачность к нулю
}, 600, function() {
$(this).remove(); // удаляем из DOM (если требуется, если же нет, то "закомментируйте" эту строку)
}
);
И также будет удобно, если мы оформим данный код в виде JQuery плагина.
- Log in to post comments
- 6473 reads