nothing will work

Question

whatever I do it will keep saying task 1 is no longer passing

js/app.js

//Problem: It look gross in smaller browser widths and small devices
//Solution: To hide the text links and swap them out with a more appropriate navigation

//Create a select and append to #menu
var $select = $("<select></select>");
$("#menu").append($select);

//Cycle over menu links
$("#menu a").each(function(){
  var $anchor = $(this);
  //Create an option
  var $option = $("<option></option>");

  //Deal with selected options depending on current page
  if($anchor.parent().hasClass("selected")) {
    $option; true:
  }
  //option's value is the href
  $option.val($anchor.attr("href"));
  //option's text is the text of link
  $option.text($anchor.text());
  //append option to select
  $select.append($option);
});
//Create button 
var $button = $("<button>Go</button>");
$("#menu").append($button);
//Bind click to button
$button.click(function(){
  //Go to select's location
  window.location = $select.val();
});

index.html

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
<body>
    <div id="menu">
        <ul>
            <li class="selected"><a href="index.html">Home</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li><a href="support.html">Support</a></li>
            <li><a href="faqs.html">FAQs</a></li>
            <li><a href="events.html">Events</a></li>
        </ul>
    </div>
  <select>
<option>"selected"</option>
</select>
    <h1>Home</h1>
    <p>This is the home page.</p>
    <script src="//code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/app.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

Answer 1 · 2017-07-07T11:43:28Z

July 7, 2017 11:43am

Hi Joshua szkodlarski ,

In this line, you create a variable that contains an <option>, or in other words, one pop-up selectable item, not sure if that describes it well, but at least is more explicit.

//Create an option
  var $option = $("<option></option>");

Now, one of the possible properties (a boolean one) of the <option> tag is 'selected' which makes that option in particular selected "by default".

What the challenge is asking you is that, in that line, you may add the property (or prop) selected to the respective <option> and that you set it to true.

Now, I think if you take a glance at this particular link, you'll get there, but otherwise feel free to follow up. If something's not clear, I, or some else, may be able to help.

Welcome to the Treehouse Community

Looking to learn something new?

Joshua szkodlarski

Joshua szkodlarski

nothing will work

1 Answer

nico dev

nico dev