Перекрытие Div при динамическом изменении размера (загрузочный CSS) ⇐ Jquery

[Anonymous]

У меня есть два элемента div, размер которых должен меняться при нажатии на них. Мой текущий подход заключается в удалении и добавлении классов с помощью jQuery.
Когда первый элемент div щелкается и расширяется до col-md-12, второй перемещается в элемент col-md-12. следующая строка (желаемое поведение). Проблема, с которой я столкнулся, связана со вторым элементом div, который расширяется, но вместо перемещения на следующую строку перекрывает первый элемент div.
Следующий код повторяет мою проблему:
Следующий код воспроизводит мою проблему:
p>
HTML

Код: Выделить всё

    function Resize(div) {
if ($(div).hasClass('col-md-6')) {
$(div).removeClass('col-md-6').addClass('col-md-12');
} else {
$(div).removeClass('col-md-12').addClass('col-md-6');
}
}

Код: Выделить всё

Text for div1
Text for div2


**Javascript/JQuery**

Подробнее здесь: https://stackoverflow.com/questions/417 ... tstrap-css