Skip to content

RicardoEscobar/birdman

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Birdman

Description

Build a dropdown menu using a click event and .toggle() animation method.

Objective

Birdman wants to add a dropdown menu to their home page. Here's what it looks like. Click on the menu icon menu at the top left to alternate showing and hiding the dropdown menu.

Tasks

1.

Look at index.html. In the <div class="dropdown"> section, there are two elements: an <img> element and a <ul class="dropdown-menu"> element. When the <img> is clicked, we want the <ul class="dropdown-menu"> element to appear.

2.

In app.js, attach an event handler to the <img> element so that it can respond to a click event.

3.

Inside the click event handler, toggle the <ul class="dropdown-menu"> element.

4.

In index.html, add text for more list items in the dropdown menu. We used for Tools, Blog, Careers, About, and Contact. Feel free to use your own.

About

Build a dropdown menu using a click event and .toggle() animation method.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published