Настройка табов (вкладок) на DLE

49

Hellion35

13 ноября 2014, 14:05

2491

Всем привет!!! У меня возникла проблема с табами (вкладками). У меня имеется 3 вкладки и на всех стоит проверка на заполненность [xfgiven_поле], если заполнена первая вкладка то проблем нет, если первая не заполнена то при выводе второй или третей вкладки она показывается без содержимого, тоесть что бы увидеть содержимое нужно сначала на нее нажать (сразу не выводится)((( Подскажите пожалуйста как поправить это? вот сам JS код вкладок

$(document).ready(function() {



	//Действие по умолчанию 

	 $(".tab_content").hide();//Скрыть все содержимое 

	$("ul.tabs li:first").addClass("active").show(); //Активировать первую вкладку 

	$(".tab_content:first").show(); //Показать первые содержание вкладке 

	

	//По щелчку события 

	$("ul.tabs li").click(function() {

		$("ul.tabs li").removeClass("active"); //Удалите все "active" класс 

		$(this).addClass("active"); //Добавить "active" класса выбранной вкладки 

		 $(".tab_content").hide();//Скрыть вкладку Все содержание 

		var activeTab = $(this).find("a").attr("href"); //Найти относительной значение атрибута для выявления активной вкладки + содержание 

		$(activeTab).fadeIn(); //Fade в активного содержимого 

		return false;

	});



});

.

P.S. заранее огромное спасибо!

Фильмы онлайн (http://filmi-hd.online) Так, глядишь кому пригодится)))

L

108

lexter

13 ноября 2014, 14:09

#1

а как вкладкам очередность присваивает ? покажите штмльку

Купить автомобиль из США можно тут (https://us-car.com.ua)

H3

49

Hellion35

13 ноября 2014, 14:32

#2

HTML использую такой

<div class="container">
		
			<ul class="tabs">
				<li>
					[xfgiven_film]<a href="#tab1">Фильм</a>[/xfgiven_film]
				</li>
				<li>
                   [xfgiven_vk]<a href="#tab2">VK</a>[/xfgiven_vk]
				</li>
				<li>
                  [xfgiven_youtube]<a href="#tab3">Трейлер</a>[/xfgiven_youtube]
				</li>
				
			</ul>
			<div class="tab_container">
				<div id="tab1" class="tab_content">
                [xfgiven_film][xfvalue_film][/xfgiven_film]
				</div>
				<div id="tab2" class="tab_content">
					[xfgiven_vk][xfvalue_vk][/xfgiven_vk]

				</div>
				<div id="tab3" class="tab_content">
				[xfgiven_youtube][xfvalue_youtube][/xfgiven_youtube]
				</div>
				
			</div>
			<br class="clear" />
		</div>

L

108

lexter

13 ноября 2014, 14:33

#3

попробуйте всю лишку взять в [xfgiven скажите результат

H3

49

Hellion35

13 ноября 2014, 14:44

#4

lexter, вообще каша получилась(((( Попробовал убрать хайд

$(".tab_content").hide()

дак после этого все 3 вкладки оказываются видны в первой, хотя если первая не заполнена то отображается нормально. Надо как то в скрипте наверно сделать проверку? Это возможно?

В Яндекс.Почте появились группы Каждому пользователю Я.Метрики по ПромоСтраницы начали автоматически создавать

L

108

lexter

13 ноября 2014, 14:58

#5

а сами дивы вы тоже взяли полностью ? попробуйте и то и то одновременно


<ul class="tabs">
				[xfgiven_film]<li>
					<a href="#tab1">Фильм</a>
				</li>[/xfgiven_film]
			  [xfgiven_vk]	<li>
                 <a href="#tab2">VK</a>
				</li>[/xfgiven_vk]
				 [xfgiven_youtube]<li>
                 <a href="#tab3">Трейлер</a>
				</li>[/xfgiven_youtube]
				
			</ul>
			<div class="tab_container">
			  [xfgiven_film]	<div id="tab1" class="tab_content">
              [xfvalue_film]
				</div>[/xfgiven_film]
				[xfgiven_vk]<div id="tab2" class="tab_content">
					[xfvalue_vk]

				</div>[/xfgiven_vk]
			[xfgiven_youtube]	<div id="tab3" class="tab_content">
				[xfvalue_youtube]
				</div>[/xfgiven_youtube]
				
			</div>
			<br class="clear" />
		</div>

как то так...

H3

49

Hellion35

13 ноября 2014, 15:16

#6

хм....сейчас попробую

H3

49

Hellion35

15 ноября 2014, 10:49

#7

lexter, Спасибо огромное))) Все отлично, все работает))))

Яндекс Вебмастер вынес товарные фиды в отдельный раздел

Зачем быть уникальным в мире, где все можно скопировать