Доброго дня. Имеется два списка ссылок, а так же некое кол-во блоков. Требуется, чтобы по клику одной из ссылок, открывался соответствующий блок, а предыдущий закрывался. Нашёл на просторах интернета скрипт:
<script>
var show;
function hidetxt(type){
param=document.getElementById(type);
if(param.style.display == "none") {
if(show) show.style.display = "none";
param.style.display = "block";
show = param;
}else param.style.display = "none"
}
</script>
<a onclick="hidetxt('tab1'); return false;" href="#">Ссылка</a>
<a onclick="hidetxt('tab2'); return false;" href="#">Ссылка</a>
<div id="tab1" style="display:none;">Текст</div>
<div id="tab2" style="display:none;">Текст</div>
Как сделать, чтобы при загрузки страницы первый блок показывался? Прописывал display:block, но тогда блок висит пока его не закроешь соответствующей ссылкой. После чего он работает нормально. Подскажите, пожалуйста, как дописать данный скрипт, либо предложите свой вариант. Заранее благодарен.
PS. Ещё заметил, что при открытии вкладок таким образом, слайдер не выводит сразу 3 миниатюры, а делает это только после пролистывания (клика по "предыдущий", "следующий"). Использую slick карусель. Также буду благодарен, если кто-то подскажет в чём дело.
PSS. Ссылки и блоки расположены в разных частях сайта, так что загнать их в один div не удастся.