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
- 5799 reads