title: Best way to change "inner content"
body: <p>So I have <img src="https://i.stack.imgur.com/iNJVJ.png" alt="this"> this layout and I'm planning on using javascript/jquery to change the content in lower box depending on what link is active on the upper.</p>
  
  <p>Before I choose how to do this I would like some inputs on what the best practice is. Im novice when it comes to changing html content using javascript. Specially if you want to factor in doing it in the most resource efficient way.</p>
  
  <p>The layout in the lower box will be different from one another. So each lowerbox layout must be present in the html from the beginning? And each layout should be contained in a div element for easiest way to change the whole block. Am I thinking correctly here?</p>
  
  <p>What jQuery functions should I utilize?</p>