У меня есть интерфейс с вкладками для изменения категорий в корзине.При нажатии активная вкладка подсвечивается, и предыдущая вкладка возвращается в нормальное состояние.Я хочу, чтобы первая вкладка уже была выбрана, когда пользователь заходит на страницу. Моя корзина покупок
<div class="tabs">
<button type="button" class="tab" onclick="selectTab(this);">Cleansers</button>
<button type="button" class="tab" onclick="selectTab(this);">Toners</button>
<button type="button" class="tab" onclick="selectTab(this);">Astringents</button>
<button type="button" class="tab" onclick="selectTab(this);">Exfoliators</button>
</div>
<script type="text/javascript">
var selectedTab = null;
function selectTab(tab) {
tab.blur();
if (selectedTab) { selectedTab.className = 'tab'; }
tab.className = 'tab-selected';
selectedTab = tab;
// call ajax to load products
}
</script>
Я попытался установить для свойства класса значение tab-selected следующим образом:
<button type="button" class="tab-selected" onclick="selectTab(this);">Cleansers</button>
, но оно остается выделенным при нажатии на другие вкладки.