2 Div закрывается и удаляется 1 div между

Question

Я ищу (я думаю?) Сценарий jQuery, где я могу сдвинуть снимок 1 div, и пусть 1 div сдвинется вверх, так как другой div исчезнет.

Я сделал небольшой рисунок, чтобы показать, что я имею в виду.

Поэтому я хочу, чтобы красная часть скользила вверх и удалялась, а желтая полоска под ней должна скользить вместе с ней, но не исчезать и обнимать синюю панель заголовка. И я хочу, чтобы это произошло, когда нажата кнопка.

Кто-то знает, как это сделать?

Спасибо.

Answer 1

Вы можете использовать JQuery для анимации высоты сокращается и в полном обработчиком, удалите его:

$("button").click(function() { 
$("#reddiv").animate({height: 0}, {complete: function() { 
    $(this).remove(); 
}}); 
}); 

С помощью этого CSS:

#reddiv { 
    background-color: #ff0000; 
    overflow:hidden; 
} 

#yellowdiv { 
    background-color: #ffff00; 
} 

https://jsfiddle.net/mcgraphix/mmm1pvov/