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 (2014) Creating a Mobile Drop Down Menu Perform: Part 1

Posted by Mark Sweet
Mark Sweet
5,071 Points

Why am I getting two select bars?

For some reason I am getting two bars; one empty and one with the menu text.

https://w.trhou.se/8pltw227lt

3 Answers

Erik Nuber
Erik Nuber
20,629 Points
Erik Nuber
Erik Nuber
20,629 Points

In your html file, you have an empty select tag. Just remove it and the top bar will go away.

<select></select>

I think at one point in the video he was showing what a <select> tag looked like and where it should appear. If you were following along, you likely just forgot to remove it.

Andy Stoica
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Andy Stoica
Full Stack JavaScript Techdegree Graduate 29,957 Points
Andy Stoica
.a{fill-rule:evenodd;}techdegree seal-36
Andy Stoica
Full Stack JavaScript Techdegree Graduate 29,957 Points

On the index.html it looks like you have a <select> block at the end of the <ul> list in addition to the <select> you are creating with jQuery in your app.js. The other pages appear correctly.

Mark Sweet
Mark Sweet
5,071 Points
Mark Sweet
Mark Sweet
5,071 Points

Thanks. Didn't realize that was saved.