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

Posted by Nick Rocha
Nick Rocha
7,876 Points

jQuery Specific Selectors

I need help with the following error:

Unexpected AST node type passed to processExpressionStatement method: VariableDeclaration

Thanks!

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>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>
app.js 
const alone = $("div");
const char = $("li:hidden");
    char.show();
    alone.hide();
Óscar Hernández sandoval
Óscar Hernández sandoval
9,257 Points
Óscar Hernández sandoval
Óscar Hernández sandoval
9,257 Points

firs you need to call the element const alone = document.getElementById(¨DIV¨); the li list call in this way const char = document.getElementsByTagName(" UL, LI"); chart.hide(2000); mileseconds char.show(); show the char, but you need to add a hide expression first. alone.hide(); hide the the div

1 Answer

Omar Gonzalez
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Omar Gonzalez
Full Stack JavaScript Techdegree Graduate 18,444 Points
Omar Gonzalez
.a{fill-rule:evenodd;}techdegree seal-36
Omar Gonzalez
Full Stack JavaScript Techdegree Graduate 18,444 Points

Hello, This one is a bit tricky. It says to show the hidden lis and not show the the div. So first you can select the lis that are hidden. like this

$('li:hidden');

That will select all the hidden lis. Now that you have that you can just chain the .show() to that like this

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

Then it will only display the lis and not the div