Скрытие блока div и его составляющих
 

Добрый день. Я новичок и поэтому прошу вашей помощи. Вопрос не сложный.
Есть такая структура.

<div class="tab">
     <div>
         <ul>
               Ну и много остального кода
        </ul>
     <div>
</div>

<div class="tab">
     <div>
         <ul>
               Ну и много остального кода
        </ul>
     <div>
</div>

При загрузке страницы отображаются 2 блока. Вопрос. Как зделать чтоб при загрузке отобразился только 1ый блок с классом "таб", а 2ой был не видимый.

Таки дать ему еще один класс

<style>
.off {
   display: none;
}
</style>

<div class="tab off">
     <div>
         <ul>
               <li>Ну и много остального кода</li>
        </ul>
     </div>
</div>

<div class="tab">
     <div>
         <ul>
               <li>Ну и много остального кода</li>
        </ul>
     </div>
</div>

решил эту проблему вот так. Логично или нет?

window.onload = function() {
	var wrapEl = document.getElementsByClassName("wrapperslider");
	if(wrapEl.length) {
		wrapEl[1].style.display = 'none';
	}
}

логично:)

Метод

document.getElementsByClassName()

вроде как не кроссбраузерный... Да и

wrapEl[1]

это не первый элемент в массиве, а второй... :)

А подскажите тогда кросс-браузерный вариант ?

Вам уже подсказали во втором посте