Сделать первую закладку в табах активной

[volshebnyi]

Здравствуйте!

Помогите, пожалуйста, с задачей:

Делаю вот такие табы - http://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_tabs_fade

Возникло два вопроса:

1. При загрузке страницы все табы неактивны. Как средствами JavaScript сделать первую закладку активной (на примере - город Лондон и его описание)?

2.В примере все работает правильно. А вот у меня на локальной машине при переключении на таб страница почему-то прыгает вверх. Проверял на хроме и мозилле. Подскажите, пожалуйста, как избежать такого?

Заранее благодарен за помощь!

[by chris]

var first_link = document.querySelectorAll('.tablinks')[0];
first_link.classList.add('active');

 

[by chris]

<li><a href="#" class="tablinks" onclick="openCity(event, 'London');return false;">London</a></li>

 

[volshebnyi]

3 минуты назад, by chris сказал:

<li><a href="#" class="tablinks" onclick="openCity(event, 'London');return false;">London</a></li>

 

Спасибо огромное! Работает! Нет скачка. Подскажите, а как сделать первый таб активным средствами JavaScript? То есть назначить a.tablinks еще класс active:

<li><a href="#" class="tablinks ACTIVE" onclick="openCity(event, 'London');return false;">London</a></li>