title: Making elements change without refreshing the page
body: <p>So I need to make something like this happen - <a href="http://jsfiddle.net/3nk8x98g/1/" rel="nofollow">http://jsfiddle.net/3nk8x98g/1/</a> everything is explained in the link. </p>
  
  <p>What do I use Javascript or AJAX? And maybe someone knows a tutorial or something out there? Thanks.</p>
  
  <pre><code>    &lt;body&gt;
  
     &lt;div class="row"&gt;
         &lt;a href="#"&gt;BUTTON1&lt;/a&gt;
         &lt;a href="#"&gt;BUTTON2&lt;/a&gt;
         &lt;a href="#"&gt;BUTTON3&lt;/a&gt;
     &lt;/div&gt;
  
     &lt;div class="row background"&gt;
         Changing content, this content changes depending on which button you press. Without refreshing the page.  
     &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>