title: Adjust content in a div multiple times and store it in variables
body: <p>How can I adjust content in a div multiple times and store it in a variable?
  In my code below, there's no difference in the four variables. It will always display the latest written content.</p>
  
  <p>Can someone help me out?
  Thanks in advance!</p>
  
  <pre><code>$("div#ingredients h1 span").html("kokos");
  $("div#ingredients img").attr("src", "content/coconut.jpg");
  $("div#ingredients p").html("Kokos die wij verwerken in onze Cocosballs komt uit Indonesië. De kwaliteit van die kokos draagt bij aan de heerlijke smaak van de Cocosballs.");
  var coconutContent = $("div#ingredients");
  
  
  $("div#ingredients h1 span").html("honing");
  $("div#ingredients img").attr("src", "content/coconut.jpg");
  $("div#ingredients p").html("Verse biologische honing is een onmisbaar ingrediënt in onze cocosballs, het maakt de traktatie wat frisser");
  var honeyContent = $("div#ingredients");
  
  
  $("div#ingredients h1 span").html("eiwit");
  $("div#ingredients img").attr("src", "content/coconut.jpg");
  $("div#ingredients p").html("Eiwit zorgt voor de fijne structuur van onze cocosballs en maakt ze extra luchtig");
  var eggContent = $("div#ingredients");
  
  
  $("div#ingredients h1 span").html("suiker"),
  $("div#ingredients img").attr("src", "content/coconut.jpg"),
  $("div#ingredients p").html("Het beetje suiker wat door onze Cocosballs zit, maakt onze Cocosballs af. Het wordt er wat zoeter door");
  var sugarContent = $("div#ingredients");
  
  
  $("div#ingredients").hide();
  $(coconutContent).show();
  
  
  $("#sliderButtonLeft").click(function(){
  
      $(sugarContent).fadeIn();
  
  })
  </code></pre>