How can I make the content block move down when the dropdown menu is opened?

Question

css

Hello! There is a menu


I made a vertical menu on jquery, under it there is another block of the same width (contacts, for example). When opening drop-down menu items, the lower menu items either hide behind this underlying element, or (as I did) completely cover it. Please tell me how best to do this, what positioning to use or is this problem solved using jquery?

Answer 1

Vyacheslva, yes, it should turn out like this
Menu1
Menu2 *
Menu2.1
Menu 2.2
Menu 3
Menu 4
Contacts
Contacts 2
Whereas menu3 and menu4 either close Contacts and Contacts 2 (if you use z-index), or Contacts close menu3 and menu4 . What could be wrong in layout?

Answer 2

position: static;

Answer 3

And what about positioning? The problem is in layout. I understand that you need the bottom block "for example with contacts" to go down along with the drop-down menu?