подправить JS

[Анна]

 function setLink(i) {
		a[i].onclick = function () {
			 div[i].style.display = "block";
 			for(var j = 0; j < div.length; j++) {
  				if (i != j) {
 	  				div[j].style.display = "none";
  				}
  		} 
		return false;
		}
}

function initTabs() {
		var tabs = document.getElementById("container"); // put in id 
		var links = tabs.getElementsByTagName("a");
		div = [];
		a = [];

		//Initialize tabs
		for (var i = 0; i < links.length; i++) {
			 div[i] = document.getElementById(links[i].href.substr(links[i].href.indexOf("#") + 1));
			 if (i != 0) {
				  div[i].style.display="none";
 			} else { 
	  			div[i].style.display="block";
 			}
 			a[i] = links[i];
 			setLink(i)
		}
}

вот этот код открывает определенный див, при клике на определённую ссылку, так как пока JS не учила, подскажите, пожалуйста, как сделать так, чтобы все блоки были закрытыми при входе на страницу, а то с этим кодом первый блок всегда открыт.

[Nekromancer]

if (i != 0) {
                                  div[i].style.display="none";
                        } else { 
                                div[i].style.display="block";
                        }

Вот здесь указывается какой блок должен быть показан при загрузке. На данный момент стоит 0 - то есть первый блок. Если в дальнейшем придётся указать какой то другой блок, естественно значение можно поменять. А что бы спрятать их просто в css пропишите:

#container div {display: none;}

И уберите из JS выше выделенный код.

Либо если не трогая css то замените его на:

div[i].style.display="none";

Тогда блоки будут всегда показаны с отключённым JS и скроются только после исполнения этой функции.

[Анна]

Заработало! Спасибо!

Если не сложно, копну чуток глубже, вот такая ситуация:

На второй странице переход по ссылке работает вышеприведенным кодом(там галерея).

Как мне сделать переход с первой страницы на определенный див?

[Nekromancer]

Можно например так, ссылка на первой странице выглядит следующим образом:

<a href="page2.htm#0">Page 2, Tab 1</a>

Где 0 - номер дива начиная с нуля.

Тогда код на второй странице меняется так - добавляем ещё одну переменную в функцию initTabs - hash и получаем значение указанное при переходе по ссылке.

var hash = +window.location.hash.slice(1) || 0;

|| 0 - форс мажорный случай когда произошёл обычный переход, устанавливает переменной значение 0, то есть - показываем нулевой блок. Если не нужно ничего показывать можно поменять на - || NaN.

После чего вставляем переменную hash в вышеприведённый код вместо нуля:

if (i != hash) {
                                  div[i].style.display="none";
                        } else { 
                                div[i].style.display="block";
                        }

И в принципе должно работать. Это самый примитивный способ, для начала. Потом можно попробовать пример с идентификаторами.

[Анна]

Артур, большое спасибо! Все работает как надо!

[Nekromancer]

Пожалуйста, обращайся если что.