Как по умолчанию вывести один класс, а затем что бы работала конструкция if?

Question

[IG51]

Добрый день, есть конструкция типа:

<td style="padding: 0px 0px;" <?if($result['PROPERTY_115_ENUM_ID'][$key]) {echo 'class="type'.$result['PROPERTY_115_ENUM_ID'][$key].'"';} ?>>

которая при запуске страницы даёт классы class="type1" class="type2" class="type3" и в зависимости от выбранного типа, остальным даётся значение display:none

<a onclick="type1()" id="xx_type_1" class="selected"><span>Первое</span></a>
                        <a onclick="type2()" id="xx_type_2" class=""><span>Второе</span></a>
                        <a onclick="type3()" id="xx_type_3" class=""><span>Третье</span></a>

и

function type2() {

var elements1t = document.getElementsByClassName('type2');
for (var i = 0; i < elements1t.length; i++) {
  elements1t[i].style.display="";
}

var elements2t = document.getElementsByClassName('type1');
for (var i = 0; i < elements2t.length; i++) {
  elements2t[i].style.display="none";
}

var elements3t = document.getElementsByClassName('type3');
for (var i = 0; i < elements3t.length; i++) {
  elements3t[i].style.display="none";
}

document.getElementById('xx_type_1).classList.remove('selected');
document.getElementById('xx_type_2').classList.add('selected');
document.getElementById('xx_type_3').classList.remove('selected');
}

Как сделать так, что бы при первоначальной загрузке страницы уже был выбран какой то тип, а у остальных присваивался display:none, то получается что сначала все с стилем display:block

Answer 1

[Алексей Емельянов]

$(document).ready(function(){
  $('#xx_type_1').click();
});