Make multiple divs fullscreen with JS or Jquery

Question

I have 3 divs that are aranged like this: (There are other divs in between divs 1,2, and 3) When I click a button, I want the divs to fill up the screen, but not be fullscr