asked on
I'm trying to understand the logic in this codepen https://codepen.io/tutsplus/pen/bGVPVrYand I'm confused by how classList is being used to add/remove the active class.
The codepen works so I'm missing something.
- variable menu is defined by const menu = document.querySelector(".menu");
- In HTML, class .menu is applied to the top ul element
- It seems to me that the code menu.classList.add("active"); is adding the class "active" to the ul element
- But in the codepen CSS, it appears to be added to <li class="item"> a child of menu.
The codepen works so I'm missing something.
The Value of Experts Exchange in My Daily IT Life
Experts Exchange (EE) has become my company's go-to resource to get answers. I've used EE to make decisions, solve problems and even save customers. OutagesIO has been a challenging project and... Keep reading >>
Mike
Owner of Outages.IO
Phoenix, Arizona, United States
Member Since 2016
Join a full scale community that combines the best parts of other tools into one platform.
Unlock 1 Answer and 3 Comments.
View membership options“All of life is about relationships, and EE has made a virtual community a real community. It lifts everyone's boat.”
William Peck
Member since 2004
Our community of experts have been thoroughly vetted for their expertise and industry experience.
The Fellow title is reserved for select members who demonstrate sustained contributions, industry leadership, and outstanding performance. We will announce the experts being inducted into the Experts Exchange Fellowship during the annual Expert Awards, but unlike other awards, Fellow is a lifelong status. This title may not be given every year if there are no obvious candidates.
The Most Valuable Expert award recognizes technology experts who passionately share their knowledge with the community, demonstrate the core values of this platform, and go the extra mile in all aspects of their contributions. This award is based off of nominations by EE users and experts. Multiple MVEs may be awarded each year.