Конфликт jQuery tabs в шаблонах Vina - Joomla 3.x: Шаблоны, разметка и макеты вывода

$('#product-details-tab a').click(function (e) {
	  e.preventDefault();
	  $(this).tab('show');
	})

<div id="product-details-tab">
<ul class="nav nav-tabs">
<li class="active"><a href="#details"><?php echo JText::_('VINA_FULL_DESCRIPTION');?></a></li>......

$('#product-details-tab a').click(function (e) {
if($(this).attr('class') != '' ) return false;
  e.preventDefault();
  $(this).tab('show');
})

(function($) {
  $(function() {
    $("ul.tabs__caption").on("click", "li:not(.active)", function() {
      $(this)
        .addClass("active")
        .siblings()
        .removeClass("active")
        .closest("div.tabs")
        .find("div.tabs__content")
        .removeClass("active")
        .eq($(this).index())
        .addClass("active");
    });
  });
})(jQuery);

<div class="tabs">
  
  <ul class="tabs__caption">
    <li class="active">1-я вкладка</li>
    <li>2-я вкладка</li>
  </ul>  
  <div class="tabs__content active">
    Содержимое первого блока
  </div>  
  <div class="tabs__content">
    Содержимое второго блока
  </div>  
</div><!-- .tabs-->[code]
В CSS вставил дополнительно:
[code].tabs__content {
  display: none; /* прячем все блоки */
}
.tabs__content.active {
  display: block; /* показываем нужный блок */
}