Easy Responsive Tabs не работает(JOOMLA)

Получается так:

А должно быть так:

вот , собственно код:

<p><span data-mce-json="{&quot;src&quot;:&quot;./media/zoo/libraries/jquery/plugins/easyTabs/js/easyResponsiveTabs.js&quot;,&quot;type&quot;:&quot;mce-text/javascript&quot;}"><!-- -->&nbsp;</span></p>
<div class="row">
<div class="col-md-12"><!--Horizontal Tab-->
<div id="parentHorizontalTab">
<div itemprop="url">
<ul class="nav-tabs resp-tabs-list hor_1">
<li><a>Характеристики</a></li>
<li><a>Преимущества</a></li>
<li><a>Комплектация</a></li>
<li><a>Поддержка</a></li>
<li><a>Галлерея</a></li>
</ul>
</div>
<div class="resp-tabs-container hor_1" itemprop="description">
<div id="tab1-text" class="table-responsive">
<table class="table-striped zebra table-hover" style="float: left; width: 100%;">
<tbody>
<tr>
<td style="text-align: center; width: 70%;">
<h4><strong>Технические параметры:</strong></h4>
</td>
<td style="text-align: center; width: 30%;">
<h4><strong>Значения</strong></h4>
</td>
</tr>
<tr>
<td>
<p>Активная поверхность</p>
</td>
<td style="text-align: right;">
<p>234 * 139 мм</p>
</td>
</tr>
<tr>
<td>
<p>Тип поляризации</p>
</td>
<td style="text-align: right;">
<p>круговая</p>
</td>
</tr>
<tr>
<td>
<p>Напряжение питания</p>
</td>
<td style="text-align: right;">
<p>110-240 V AC 50-60 Гц</p>
</td>
</tr>
<tr>
<td>
<p>Оптимальая температура рабочей среды</p>
</td>
<td style="text-align: right;">
<p>+19 ° C</p>
</td>
</tr>
<tr>
<td>
<p>Рабочая температура поляризционного модуля</p>
</td>
<td style="text-align: right;">
<p>от +10 до +60 ° C</p>
</td>
</tr>
<tr>
<td>
<p>Рабочая температура контроллера</p>
</td>
<td style="text-align: right;">
<p>от +10 до +40 ° C</p>
</td>
</tr>
<tr>
<td>
<p>Максимальная кратность объектива</p>
</td>
<td style="text-align: right;">
<p>0,90:1</p>
</td>
</tr>
<tr>
<td>
<p>Контрастность</p>
</td>
<td style="text-align: right;">
<p>&gt;100:1</p>
</td>
</tr>
<tr>
<td>
<p>Световая эффективность</p>
</td>
<td style="text-align: right;">
<p>17%</p>
</td>
</tr>
<tr>
<td>
<p>Совместимость с HFR</p>
</td>
<td style="text-align: right;">
<p>да</p>
</td>
</tr>
<tr>
<td>
<p>Поддержка NOC</p>
</td>
<td style="text-align: right;">
<p>да</p>
</td>
</tr>
<tr>
<td>
<p>Максимальная мощность лампы</p>
</td>
<td style="text-align: right;">
<p>6,5 кВт</p>
</td>
</tr>
<tr>
<td colspan="2">
<h4><strong>Характеристики</strong>:</h4>
</td>
</tr>
<tr>
<td>
<p><span style="color: #000000;">Температура </span>хранения / транспортировки</p>
</td>
<td>
<p>от -0° C&nbsp; до +50 ° C</p>
</td>
</tr>
<tr>
<td>
<p>Вес нетто</p>
</td>
<td>
<p>8,3 кг</p>
</td>
</tr>
<tr>
<td>
<p>Вес брутто</p>
</td>
<td>
<p>10,4 кг</p>
</td>
</tr>
<tr>
<td>
<p>Транспортировочные габариты (ДхШхВ)</p>
</td>
<td>
<p>740 х 370 х 150 мм</p>
</td>
</tr>
<tr>
<td colspan="2">
<h4><strong>Сертификаты</strong>:</h4>
</td>
</tr>
<tr>
<td>
<p><a href="images/products/3d/3D-POLAR-CE-2017.jpg" target="_blank" title="Сертификат СЕ">CE</a></p>
</td>
<td style="text-align: center;">
<p style="text-align: left;">да</p>
</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
</div>
<div id="tab2-text">
<h4>Преимущества:</h4>
<ul>
<li><a href="index.php?option=com_content&amp;view=article&amp;id=67:kinoprokat-3dpolar-odobrena-walt-disney&amp;catid=36:novosti-kompanii&amp;lang=ru-RU">официально одобрена</a> <strong>The Walt Disney Company</strong></li>
<li>полностью автоматизированная система;</li>
<li>легкость и простота монтажа и настройки системы;</li>
<li>встроенная система охлаждения поляризатора;</li>
<li>совместимость со всеми проекторами стандарта <strong>DCI</strong>;</li>
<li>удобная конструкция для очистки и замены воздушного фильтра;</li>
<li>сетевое управление и поддержка NOC;</li>
<li>гарантийный срок 36 месяцев.</li>
</ul>
</div>
<div id="tab3-text">
<p style="text-align: center;"><img src="images/products/3d/3d_komplekt.jpg" alt="3d komplekt" width="400" height="195" style="float: right;" /></p>
<ol>
<li>Актуатор.</li>
<li>Поляризационный модуль.</li>
<li>Контроллер.</li>
<li>Крепежные элементы.</li>
<li>Кабель синхронизации.</li>
<li>Кабель Ethernet.</li>
<li>Кабель питания 100-240V.</li>
<li>Запасной воздушный фильтр.</li>
<li>Набор шестигранных ключей.</li>
</ol></div>
<div id="tab4-text">
<p><strong><a href="support/category/3d-polar-pro.html">Скачать </a></strong>актуальное программное обеспечение и инструкции.</p>
</div>
<div id="tab5-text">
<p style="text-align: center;"><img src="images/products/3d/3D-POLAR-CE-2017.jpg" alt="3D POLAR CE 2017" width="142" height="200" class="jcepopup" />&nbsp;<img src="images/products/3d/0002.jpg" alt="Чертёж 3D-POLAR CP.V3 (02)" width="197" height="200" class="jcepopup" /></p>
<p style="text-align: center;"><img src="images/products/3d/0004.jpg" alt="Чертёж 3D-POLAR CP.V3 (04)" width="407" height="200" class="jcepopup" />&nbsp;<img src="images/products/3d/0003.jpg" alt="Чертёж 3D-POLAR CP.V3 (03)" width="170" height="200" class="jcepopup" /></p>
</div>
</div>
</div>
</div>
</div>
<p><!--Plug-in Initialisation--><span data-mce-json="{&quot;type&quot;:&quot;mce-text/javascript&quot;}"><!--jQuery(function($) { $('#parentHorizontalTab').easyResponsiveTabs({ type: 'default', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true, // 100% fit in a container tabidentify: 'hor_1', // The tab groups identifier activate: function(event) { // Callback function if tab is switched var $tab = $(this); var $info = $('#nested-tabInfo'); var $name = $('span', $info); $name.text($tab.text()); $info.show(); } }); // Child Tab /* $('#ChildVerticalTab_1').easyResponsiveTabs({ type: 'vertical', width: 'auto', fit: true, tabidentify: 'ver_1', // The tab groups identifier activetab_bg: '#fff', // background color for active tabs in this group inactive_bg: '#F5F5F5', // background color for inactive tabs in this group active_border_color: '#c1c1c1', // border color for active tabs heads in this group active_content_border_color: '#5AB1D0' // border color for active tabs contect in this group so that it matches the tab head border }); */ //Vertical Tab /* $('#parentVerticalTab').easyResponsiveTabs({ type: 'vertical', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true, // 100% fit in a container closed: 'accordion', // Start closed if in accordion view tabidentify: 'hor_1', // The tab groups identifier activate: function(event) { // Callback function if tab is switched var $tab = $(this); var $info = $('#nested-tabInfo2'); var $name = $('span', $info); $name.text($tab.text()); $info.show(); } }); */ });-->&nbsp;</span></p>
<hr />
<div class="row">
<div class="col-md-2 col-md-offset-5">
<p style="text-align: center;">&nbsp;{loadmodule mod_easyquickcontact,Кнопка Заявка на товар}</p>
</div>
</div>