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 2

Is this still necessary with css3 cant you just add a mobile friendly menu that way?

I learned how to do this with bootstrap css so what is the benefit of using jquery for this functionality?

steyoung
steyoung
12,781 Points

Hi Jesse,

Do you have code we can look at for reference? I don't think you're going to get the answers you seek without a little bit more context available.

Bootstrap uses jQuery to work the menu. It's hidden by default on mobile, however there's a bit of jQuery in place, so when you click the toggle nav button/link, it opens the menu.

See http://getbootstrap.com/components/#navbar it explain that without the Bootstrap JavaScript, the menu won't expand.

So in answer to your question, you can add the mobile friendly navbar styles, but the displaying and hiding of the navbar is controlled with JavaScript/jQuery.

Thank you ash scott that is the exact answer I was looking for

1 Answer

Garrett Carver
Garrett Carver
14,681 Points

Bootstrap is a great way to get this feature on your website, but I think it's worth learning how to do it from scratch as well. It could help down the line when you are troubleshooting in bootstrap or if you decide to build pages without bootstrap.