Show and Hide Dropdown with div using HTML , CSS & JavaScript

Show and Hide Dropdown with div using HTML , CSS & JavaScript

Code:

html
head
style
div{
background-color: blueviolet;
}
div a{
text-decoration: none;
color: white;
font-size: 20px;
padding: 15px;
display: inline-block;
}
ul{
display: inline;
margin: 0;
padding:0;
}
ul li{
display: inline-block;
}
ul li:hover {
background: #555;
}
ul li:hover ul{
display: block;
}
ul li ul{
position: absolute;
width : 200px;
display: none;
}
ul li ul li{
background: #555;
display:block;
}
ul li ul li a{
display: block !important;
}
ul li ul li:hover{
background: #666;
}
/style
/head
body
div
ul
li
a href="#" DropDown /a
ul
li a href="#" Google /a /li
li a href="#" Yahoo /a /li
li a href="#" Wiki /a /li
/ul
/li
/ul
/div
/body
/html

Chapters:

0:00 - Introduction
0:24 - Program for Show/hide dropdown
7:56 - Execution of the program
8:13 - End tags and subscription to channel

Donation Section:
Now you can Donate us via Paypal or Google Pay

My second Channel:

Next Steps :

---------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------
Must Watch Playlists

---------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------

#ShowDropdown
#HideDropdown
#HTML