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 Marni Ali
Marni Ali
4,642 Points

Problem in variable declaration using jQuery :hidden pseudo

I have a problem error message as such when trying to show content using jQuery pseudo :hidden. It shows under Preview.

Challenge Task 1 of 1 CSS is being used to hide three items on the index.html page (two <li> elements and a <div> element). Use jQuery's :hidden pseudo selector and the show() method to display the hidden <li> elements, while leaving the <div> element hidden.

Bummer: Unexpected AST node type passed to processExpressionStatement method: VariableDeclaration

´´´ const $showItems = $('li:hidden'); $showItems.show();

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 $showItems = $('li:hidden');
$showItems.show();

1 Answer

Steven Parker
Steven Parker
231,236 Points
Steven Parker
Steven Parker
231,236 Points

Your solution is technically viable, but the challenge is expecting to see a solution that uses function chaining and does not create an extra variable, like this:

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

Given the rather cryptic error message that was produced and lack of more specific instructions, you may want to report this as a bug to the Support staff.