Сижу ковыряю, ковыряю. И снова какая-то нелепая ошибка. Может ткнете носом?
<script type="text/javascript">
var btn = document.querySelectorAll('.btn'),
el = document.querySelectorAll('.el');
Array.prototype.forEach.call(btn, function(curr){
curr.addEventListener('click', function() {
Array.prototype.forEach.call(el, function(curr){
curr.classList.remove('active');
});
if (document.getElementById('1').onclick = true) {
document.getElementById('steny').classList.add('active');
};
if (document.getElementById('2').onclick = true) {
document.getElementById('pol').classList.add('active');
};
return false;
}, false);
});
</script>
В html так:
<div class="variant">
<div class="menu3d">
<div class="inform">
<ul>
<li id="1" class="btn"><a href="">Стены</a></li>
<li id="2" class="btn"><a href="">Пол</a></li>
</ul>
</div>
</div>
<!--Конец Меню-->
<!--Начало формы -->
<div class="3d-panel">
<!--Панель выбора стен-->
<div id="steny" class="el active">
</div>
<!-- Конец панели выбора стен-->
<!--Панель выбора пола-->
<div id="pol" class="el">
</div>
<!-- Конец панели выбора пола-->
</div>
Изначально <div id="steny"> c class="el active", то есть с display=block.
При нажатии на ссылки "стены"/"пол" на секунду появляется панель с полом. А должно быть, чтобы при нажатии на "пол" - "стены" исчезали (удалялся класс active), а полу он добавлялся --> Кароче что-то не то творится(