bedimcode / responsive-portfolio-website-Alexa

Responsive Portfolio Website Using HTML, CSS & JavaScript

Home Page:https://youtu.be/27JtRAI3QO8

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The menu doesn't expand I don't know if it's my code. Could you look and give me a hint?

CleberAfr opened this issue · comments

const navMenu = document.getElementById('nav-menu'),
navToggle = document.getElementById('nav-toggle'),
navClose = document.getElementById('nav-close'),

/===== MENU SHOW =====/
/* Validate if constant exists */
if (navToggle){
navToggle.addEventListener('click', () =>{
navMenu.classList.add('show-menu')
})
}

/==================== MENU SHOW Y HIDDEN ====================/
const navMenu = document.getElementById('nav-menu'),
navToggle =document.getElementById('nav-toggle'),
navClose = document.getElementById('nav-close')

/===== MENU SHOW =====/
/* Validate if constant exists */
if(navToggle){
navToggle.addEventListener('click', () =>{
navMenu.classList.add('show-menu')
})
}
if(navClose){
navClose.addEventListener('click', ()=>{
navMenu.classList.remove('show-menu')
})
}

do you have the full code with you ?? @jaiswalprabhakar

/==================== ACCORDION SKILLS ====================/

const skillsContent = document.getElementsByClassName('skills__content'),
skillsHeader = document.querySelectorAll('skills__header');
function toggleSkills() {
let itemClass = this.parentNode.ClassName;
for(i = 0; i < skillsContent.length; i++) {
skillsContent[i].className = 'skills__content skills__close';
}
if(itemClass === 'skills__content skills__close') {
this.parentNode.className = 'skills__content skills_open';
}
}
skillsHeader.forEach((el) =>{
el.addEventListener('click', toggleSkills);
});

this code is not working... please can you help

hi, i cant show in qualification tabs, can i have the full code ?