Создать вкладки (tabs) из свойств элемента инфоблока

Необходимо создать вкладки из свойств элементов инфоблока компонента «Новости» CMS 1С–Битрикс, при этом, если значение свойства пустое, то вкладки не должены появляться?

Решение:
Для начала необходимо скачать файл со скриптом для работы вкладок https://github.com/jellekralt/Responsive-Tabs

В шаблоне страницы, в месте, где планируется показ вкладок указать свойства элемента инфоблока, которые будут названиями этих вкладок:
<ul>
	<?foreach($arResult["DISPLAY_PROPERTIES"] as $pid=>$arProperty):?>		
		<?if($pid == "analytics" && "!PROPERTY_ANALYTICS"):?> <li>
			<a href="#tab-1"><?=$arProperty["NAME"];?></a> </li> 
		<?elseif ($pid == "design" && "!PROPERTY_DESIGN"):?> <li>
			<a href="#tab-2"><?=$arProperty["NAME"];?></a> </li> 
		<?elseif ($pid == "programming" && "!PROPERTY_PROGRAMMING"):?> 
			<li><a href="#tab-3"><?=$arProperty["NAME"];?></a> </li> 
		<?elseif ($pid == "testing" && "!PROPERTY_TESTING"):?>
			<li><a href="#tab-4"><?=$arProperty["NAME"];?></a> </li> 
		<?elseif ($pid == "testing" && "!PROPERTY_TESTING"):?><li>
			<a href="#tab-4"><?=$arProperty["NAME"];?></a> </li> 
		<?elseif ($pid == "support" && "!PROPERTY_SUPPORT"):?><li>
			<a href="#tab-4"><?=$arProperty["NAME"];?></a></li>
		<?endif;?>
	<?endforeach;?>
</ul>
В поле с основным содержимым вкладки указать значения свойств:
<?foreach($arResult["DISPLAY_PROPERTIES"] as $pid=>$arProperty):?>
	<?if($pid == "analytics" && "!PROPERTY_ANALYTICS"):?>
		<div id="tab-1">
  			<?=$arProperty["DISPLAY_VALUE"];?>	
		</div>
	<?elseif ($pid == "design" && "!PROPERTY_DESIGN"):?>
		<div id="tab-2">
			<?=$arProperty["DISPLAY_VALUE"];?>	
		</div>	
	<?elseif ($pid == "programming" && "!PROPERTY_PROGRAMMING"):?>
		<div id="tab-3">		
			<?=$arProperty["DISPLAY_VALUE"];?>
		</div>
	<?elseif ($pid == "testing" && "!PROPERTY_TESTING"):?>
		<div id="tab-4">
			<?=$arProperty["DISPLAY_VALUE"];?>
		</div>
	<?elseif ($pid == "support" && "!PROPERTY_SUPPORT"):?>
		<div id="tab-4">	
			<?=$arProperty["DISPLAY_VALUE"];?>
		</div>
	<?endif;?>
<?endforeach;?>
И подключить скрипт с названием блока (у меня #portfolio-tabs), в котором лежат данные:
$('#portfolio-tabs').responsiveTabs({
	startCollapsed: 'accordion'
});

18.05.2017

Рекомендую почитать :

Вывод блоков только на определенных страницах сайта
Иногда необходимо для определенных страниц сайта вывести дополнительные блоки с информацией, как это сделать? Решение: Для этого необходимо прос...
Добавить в ручную подпункт в подменю (Битрикс)
Что делать, когда необходимо добавить новый подпункт в подменю в ручную? Решение: Создадим файл для вывода подменю, например «.left.menu_ext....
Отключить переходы по пунктам главного меню на мобильных
Как отключить возможность переходить по ссылкам главного меню на мобильных устройствах? Решение: Для этого необходимо отредактировать стандартн...
Счетчик обратного отсчета в «Списке новостей»
Как вывести один, последний элемент инфоблока с помощью «Список новостей» и добавить к нему счетчик обратного отсчета, а данные для счетчика брать и...
Фильтрация элементов по полю «Привязка к элементам»
Как отфильтровать элементы инфоблока по множественному полю «Привязка к элементам»? Решение: Предположим, что у нас есть три инфоблока: – расп...
Сменить формат даты в CMS «Битрикс»
Необходимо вывести поле «Начало активности (дата)» элемента инфоблока в формате 02 июня, 2016. Решение: Для этого необходимо указать следующий ...