I am trying to make my HTML/CSS work so when I hover over a list item the other ul appears. The code I have doesn't seem to work.
I made a JSFiddle
.dropdown-content {
display: none;
}
.navbar>li, a:hover + .dropdown-content {
display: block;
}
<body>
<div class="navbar">
<ul>
<li><a href="#">One</a></li>
<li><a href="#">One</a></li>
<li><a href="#">One</a></li>
</ul>
</div>
<div class="dropdown-content">
<ul>
<li><a href="#">One</a></li>
<li><a href="#">One</a></li>
<li><a href="#">One</a></li>
</ul>
</div>
</body>