Witam wszystkich serdecznie :)
Jestem początkującym programistą i napotkałem na problem , z którym nie mogę sobie poradzić dlatego proszę Was bardziej doświadczony kolegów o pomoc :)
Mianowicie mam zrobić w js menu, które się wysuwa po kliknięciu.
Kod HTML:
<ul>
<li class="click">o firmie
<ul class="menu">
<li class="menu-list">O nas</li>
<li class="menu-list">Nasz zespół</li>
<li class="menu-list">Historia</li>
</ul>
</li>
<li>galeria</li>
<li>kontakt</li>
</ul>
Po kliknięciu li ''O firmię'' powinna mi się rozwinąć lista zagnieżdżona. W CSS ładnie zrobiłem tą listę o klasie menu-list na koniec dałem visibility: hidden. Żeby nie była teraz widoczna :)
W JS napisałem taki kod, ale niestety nic się nie dzieje:
document.addEventListener('DOMContentLoaded', function(event){
var button = document.querySelector('.click');
button.addEventListener('click' , function(event){
/
var menu = document.querySelectorAll('li .menu-list');
if(this.style.visibility = 'hidden') {
this.style.visibility = 'visible';
} else {
this.style.visibility = 'hidden';
}
});
});
Z góry bardzo dziękuje każdemu za pomoc :)