Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial![](https://ecs-static.teamtreehouse.com/assets/views/marketing/shared/community-banner-white-47072046c51352fe6a69f5e691ff5700b28bb11d45197d7bdf066d9ea3f72d0c.webp)
![Karl Russell Sumando Menil](https://secure.gravatar.com/avatar/1521500213a442783481221e75cf152b?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Karl Russell Sumando Menil
Full Stack JavaScript Techdegree Student 4,004 Pointsmy code is not working, thank you in advance for your help
const toggleList = document.getElementById('toggleList'); const listDiv = document.querySelector('.list'); const input = document.querySelector('input'); const p = document.querySelector('p.description'); const button = document.querySelector('button');
toggleList.addEventListener('click', () => {
if (listDiv.style.display == 'none') {
toggleList.textContent = 'Hide list';
listDiv.style.display = 'block';
} else {
toggleList.textContent = 'Show list';
listDiv.style.displsy = 'none';
}
});
button.addEventListener('click',() => { p.innerHTML = input.value + ':'; });
p.title = "List description";
1 Answer
![Lisa Walters](https://secure.gravatar.com/avatar/5140439a1122679bb9c9f8beba4e803e?s=96&d=https%3A%2F%2Fecs-static.teamtreehouse.com%2Fassets%2Fcontent%2Fdefault_avatar-445fbbabfc8dc9188fb5967fe43322ee0c3e0dd1e10f378bf8343784af5a13eb.webp&r=pg)
Lisa Walters
Front End Web Development Techdegree Graduate 15,255 PointsHello Karl Russell Sumando Menil! I bet that you have already found this out, but you have misspelled "display" in the 7th line of code that you have posted above. Your code worked for me when I fixed this. Good luck!
Lisa Walters
Front End Web Development Techdegree Graduate 15,255 PointsLisa Walters
Front End Web Development Techdegree Graduate 15,255 PointsAlso, as suggested, add the .description to those class definitions so that the list can toggle correctly. Hope this helps!
Karl Russell Sumando Menil
Full Stack JavaScript Techdegree Student 4,004 PointsKarl Russell Sumando Menil
Full Stack JavaScript Techdegree Student 4,004 Pointsthank you for your reply Ms.Lisa Walters