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

JavaScript jQuery Basics Working with jQuery Collections Working with jQuery-Specific Selectors

Laura Rodriguez
Laura Rodriguez
8,284 Points
Posted by Laura Rodriguez
Laura Rodriguez
8,284 Points

I am stock !

I applied the hide and show method in this challenge adding the class name of the list. But it is not working

index.html 
<!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>Warf</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>
app.js 
$("#hide").click(function(){
    $(".character-list").hide();
});

$("#show").click(function(){
    $(".character-list").show();
});

4 Answers

Claudio Moreno
Claudio Moreno
7,977 Points
Claudio Moreno
Claudio Moreno
7,977 Points

Hi Laura.

You need add a button in your html with id = "hide" and "show".

          <button id="hide">Hide</button>
          <button id="show">Show</button>

Regards

Laura Rodriguez
Laura Rodriguez
8,284 Points
Laura Rodriguez
Laura Rodriguez
8,284 Points

Hi Claudio,

The Challenge is relate to Jquery, and I am confuse because the function I ready create are not working well yet.

$("#hide").click(function(){ $(".character-list").hide(); });

$("#show").click(function(){ $(".character-list").show(); });

Claudio Moreno
Claudio Moreno
7,977 Points
Claudio Moreno
Claudio Moreno
7,977 Points

Hi. In your challenge have to use JQuery selectors.

          $( "li:hidden" ).show();

because you need the selector :hidden

Laura Rodriguez
Laura Rodriguez
8,284 Points
Laura Rodriguez
Laura Rodriguez
8,284 Points

Thank you Claudio!, I was completely stock and it was so simple .Ta!