Cкрипт для ссылки на табу (вкладку)

Question

[invox59]

табы имеют вид:

<div class="htabs" id="tabs">
	<a href="#tab1">таб1</a> <a href="#tab2">таб2</a> </div>
<div class="tab-content" id="tab1">Содержимое1</div>
<div class="tab-content" id="tab1">Содержимое2</div>

tabs.js

$.fn.tabs = function() {
	var selector = this;
	
	this.each(function() {
		var obj = $(this); 
		
		$(obj.attr('href')).hide();
		
		obj.click(function() {
			$(selector).removeClass('selected');
			
			$(this).addClass('selected');
			
			$($(this).attr('href')).fadeIn();
			
			$(selector).not(this).each(function(i, element) {
				$($(element).attr('href')).hide();
			});
			
			return false;
		});
	});

	$(this).show();
	
	$(this).first().click();
};

Comments

[Graph]

а вопрос то в чем?

[invox59]

Нужен скрипт, не шарю в php

Answer 1

[Andrew Dabich]

А причем тут php к хэш ссылкам? Хэш ссылки javascript`ом обрабатываются. И что должно выполнять вообще скрипт?

Answer 2

[invox59]

Нужен скрипт на страницу типа такого

<script>
$(function(){
$(location.hash).click();
});
</script>

только этот не работает. необходимо иметь рабочие ссылки для каждой вкладки на странице
например
site.ru/stranica#tab1

Answer 3

[Роман Мисюра]

https://jqueryui.com/tabs/ - сюда на реализацию посмотрите. А так-то у меня где-то валялся скрипт в пару строк на табы.

@invox59 , собственно, вот то, о чем я говорил Собственно сам фидл - табы на пару строчек, все просто. Тебе понравится.

Answer 4

[invox59]

Может я не совсем корректно объясни задачу. Рабочие табы у меня есть. Мне необходимо переходить со сторонней страницы по ссылке вида site.ru/stranica#tab2 и попадать на нужную табу сразу. Так вот необходим скрипт который бы связывал ссылку и табу через hash

Answer 5

[Andrew Dabich]

Нужно проверять при загрузке скрипта location.hash == '#tab1' и делать видимым тот или иной таб.

Приблизительно так.

$(function () {
  if (window.location.hash == '#tab1')
    $('#tab1').show();
  elseif (window.location.hash == '#tab2')
    $('#tab2').show();
});

И по умолчанию все табы должны быть скрытыми.

Comments

[invox59]

а ели табов 5?

[Andrew Dabich]

В чем проблема? Поставь 5 условий.

[Andrew Dabich]

Или же вот таким образом можно сделать, более динамическим.

for (var i = 0; i < 5; i++) {
	if (window.location.hash == '#tab'+i) {
		$('#tab'+i).show();
		break;
	}
}