Eсть такая задача:
На моем сайте с десктоп
версией есть блоки со списками:
<div class="let-column" style="width: 49%; float: left">
<ul>
<li>Таб_1</li>
<li>Таб_2</li>
<li>Таб_3</li>
</ul>
</div>
<div class="right-column" style="width: 49%; float: left">
<ul>
<li>Тело_1</li>
<li>Тело_2</li>
<li>Тело_3</li>
</ul>
</div>
Что дает мне некую природу табов
в 2 колонки.
Требуется на мобильной версии сайта сделать так, чтобы те же блоки располагались вот так:
<div class="let-column" style="width: 49%; float: left">
<ul>
<li>Таб_1</li>
<li>Тело_1</li>
<li>Таб_2</li>
<li>Тело_2</li>
<li>Таб_3</li>
<li>Тело_3</li>
</ul>
</div>
<div class="right-column" style="width: 49%; float: left; display: none">
<ul>
</ul>
</div>