Удаление контента "уезжанием" вниз
Здравствуйте, допусим у нас есть:
<ul> <li>1</li> <li>2</li> <li>3</li> </ul> Можно ли сделать так чтобы все li удалялись уезжанием вниз, может в jq есть готовые методы для этого, т.е. сначала скроется 3, потом 2, потом 1, а сверху таким же образом сверху приедет 4, потом 5, потом 6 и т.д. |
Модераторы поправьте заголовок темы, пожалуйста: Удаление контента "уезжанием" вниз
|
<style>
li{position:relative}
</style>
<button>Удалить</button>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$('button').click(function() {
var $list = $('ul');
var removeChained = function() {
$list.children().last().animate({
opacity: 0,
top: 20
}, 400, function() {
$(this).remove();
removeChained();
});
};
removeChained();
});
</script>
|
| Часовой пояс GMT +3, время: 11:18. |