Сформировать описание с заголовками

Добрый день. Помогите решить задачу. Пример страницы
Ссылки недоступны для гостей
У товара есть 3 вкладки с описаниями Комфорт 1N, Комфорт 1L, Комфорт 1XL
Мне нужно все 3 описания собрать в 1 поле и при этом сделать соответствующие заголовки.
В коде эти заголовки находятся в отдельном списке, перед самими описаниями

HTML:

<ul class="nav nav-tabs">
        <li class=""><a data-toggle="tab" href="#panell1" aria-expanded="false">Комфорт 1N</a></li><li><a data-toggle="tab" href="#panel0">Комфорт 1L</a></li><li class="active"><a data-toggle="tab" href="#panel1" aria-expanded="true">Комфорт 1XL</a></li>
        <!--<li><a data-toggle="tab" href="#paneldopinfo">Дополнительная информация</a></li>-->
        
    </ul>

Сам блок с описания находится ниже, в div с классом tab-content Ссылки недоступны для гостей
Каждое описание в своем блоке и связаны они с заголовками только id
<div id="panell1"
<div id="panel0"
<div id="panel1"
Мну нужно перед каждым div добавить заголовки, например так

HTML:

<h3>Комфорт 1N1N</h3><div id="panell1"
<h3>Комфорт 1L</h3><div id="panel0"
<h3>Комфорт 1XL</h3><div id="panel1"

 

Спасибо ) А то я уже изобретаю велосипед с заменами ))