CSS: Hover one element, and create two boxes?

Question

I am learning HTML/CSS for school. I wanted to create a bar menu that if someone hover one button shows the blue bar (see snippet) and it creates below a Box fo