В этом блоке нужно сделать операцию, которая меняет красные блоки с синими. То есть, по очереди менять красный с синий так чтобы последний красный блок(сверху вниз) менялся с первым синим ( цифрами пронумеровал как должны меняться местами: 1 с 1, 2 с 2. Если два красных идут подряд то их номер увеличивается, если красный после синего остаётся таким же как и номер у синего, если два синих идут подряд то номер уменьшается) и так повторялся до тех пор пока все красные блоки не поменяются местами с синими . все остальные ячейки должны оставаться на своих местах.
В файле все показал.
Дело в том что <div> нужно закрывать </div>. После того как сгенерировал html код, я их перевернул, и </div> уровни оказались сверху. Теперь их нужно поставить на место, так что бы уровни вложенности сохранились.
синий - ячейка с <div>, но без </div> красный - ячейка с </div>