Lets Introduce Renee

by bluesweater

HTML

<!-- Met onderstaande code kun je een tekstvak toevoegen. Hiervoor moet je de breedte (width), hoogte (heigth), bovenste grens (top) en linker grens (left) nodig. Deze waardes kun je vervolgens invullen achter de juiste plek. -->

<div align="left">
<div style="overflow: auto; position: absolute; width: 392px; height: 189px; top: 129px; left: 269px;"><center>
<b>Wat is je naam?</b> Renee<br>
<b>Wat zijn je voornaamwoorden?</b> She/her<br>
<b>Hoe oud ben je vandaag geworden?</b> 24 jaar <br>
<b>Wat zijn je hobby's?</b> <br>Koken, uiteten, kunst, kleiduifschieten en golfen<br>
<b>Wat is een leuk feitje over jouw?</b> <br>Ik ben opgeleid tot kok, maar ik kan geen rijst koken<br>
<b>Welke kleur hebben je ogen?</b> Donkergroen <br>
<b>Welke kleur heeft je haar?</b> Blond
  
</center>
</div>
<div class="hide Vragen" style="overflow: auto; position: absolute; width: 392px; height: 291px; top: 352px; left: 269px;"><center><i> Allereerst, van harte gefeliciteerd, lieve Renee! <br> We hopen dat je een hele leuke bijzondere dag hebt vandaag. En dat de taart die je zus maakt lekker is, laat je weten wat voor een ze heeft gemaakt? Wil je weten waar ik het over heb? Ga dan naar Renee haar antwoorden ↓</i> <br><br>

<b>Wat is je leukste verjaardag herinnering?</b> <br>
Er is bijna altijd wel een voetbalwedstrijd op mijn verjaardag. 1x zaten we oranje met alle toeters, bellen en trommels in mijn tuin op mijn verjaardag. <br><br>

<b>Wat staat er nog op je verlanglijstje?</b> <br>
Een nieuwe bank voor mijn appartement.<br><br>

<b>We hebben gezien dat je kok bent, ga je zelf nog een taart maken voor je verjaardag? Zo ja, welke?</b><br> 
Mijn zusje is ook kok. Ik maak een taart voor haar verjaardag en zij voor mij. <br><br>

<b>Hoe vier je dit jaar je verjaardag?</b><br>
Ik hou het heel klein. Ik ga naar mijn favoriete restaurant met mijn ouders en zusje. <br><br>

<b>Welk item/set zou je graag nog willen hebben op VP?</b><br>
Deze broek: <a...

CSS

* {
  font-family: Times New Roman, serif;
  font-size: 14px;
}

JavaScript

$('.button').click(function() {
  var textBox = this.className.split(' ')[1];
  $('.hide').hide();
  $('.' + textBox).show();
});