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 trialHanane Ladj
Front End Web Development Techdegree Graduate 15,686 PointsWould anyone tell me what is wrong with my code please?
I am trying to solve this challenge but i didn't work. anyone can take a look at it please?
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
<body>
<h2>Star Trek Characters</h2>
<ul class="character-list">
<li>Captain Jean Luc Picard</li>
<li>Data</li>
<li>Worf</li>
<li>Dr. Crusher</li>
</ul>
<div>I am supposed to stay hidden!</div>
<script
src="jquery-3.2.1.min.js"></script>
<script src="app.js"></script>
</body>
</html>
const $list = $('li:hidden');
$list.show();
2 Answers
Rabin Gharti Magar
Front End Web Development Techdegree Graduate 20,928 PointsHey Hanane Ladj,
For this challenge, you do not have to declare any variable. You can simply select hidden li
using a : hidden
pseudo-selector and then add .show()
method.
Secondly, you need to hide div
element, to do that you just need to select div
and apply hide
method.
Here's the final version:
$('li:hidden').show();
$('div').hide();
Hope this helps!
Hanane Ladj
Front End Web Development Techdegree Graduate 15,686 Pointsrabin that makes sens thank you so much