Can someone tell me if Im correct, I got a little lost towards the end..

He lost me completely right when he finished with the CSS. I understood everything he did in the CSS but when he started with "if" I was lost. So let me explain what I think is going on with everything.

By looking at the code; we are appending $select to the menu class. The $option variable is appended to the $select variable.

The $option variable is wrapping each of the menus attributes in option tags. The $option tags values are the menu classes attributes values and the option tags texts are the menu classes attributes texts.

We are appending the $button variable, thats just a button with the word go in it, to the menu class as well.

In CSS we are technically showing both the drop down and nav bar at the same time. CSS will hide one or the other depending on what screen size is being used. If it's out of the specified range, in our case this would be the iPhone, it would chose to hide the smaller media query out of the two. If it is small then it would choose to hide the larger, in our car the regular webpage nav bar out of the two.

What on EARTH went on in the part 3 video?! lol please help me..I have NO idea what this is...

if$($anchor.parent.hasclass("selected")) {
 $option.prop("selected", true); 

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

 $("#menu").each(function(){
 var $anchor = $(this);
 var $option = $("<option></option>");

 if$($anchor.parent.hasclass("selected")) {
 $option.prop("selected", true);

 }

 $option.val($anchor.attr("href"));

 $option.text($anchor.text());
 $select.append($option);

 var $button = $(<button>Go</button>)
 $("menu a").append($button);

 $button.click(function(){
 window.location = $select.val();
})

})