Cupcake dag (GOED)

by bluesweater

HTML

<div style="position: relative;">

    <div class="hide Competitie" style="overflow: auto; position: absolute; width: 454px; height: 268px; top: 188px; left: 113px;"> Vandaag, 14 juni, is het cupcake dag! Ik ben zelf dol op cupcakes maken en vind het dan heel leuk om er wat extra's in te doen. Zoals: stukjes appel (met kaneel erbij is zo lekker!), rozijnen, chocolade... Momenteel vind ik het lastig om zelf nieuwe ingrediënten te bedenken die in m'n cupcake kan. Vandaar dat ik jullie nodig heb! <br><br>
    
Bij deze competitie kan je een set winnen (zie rechts), dus moeten julie iets meer moeite doen. Om de set te winnen, wil ik zien dat jij het echt verdient. Ga op zoek naar je innerlijke bakker en bedenk voor mij een nieuwe soort cupcake. <br><br>

<b>Competitie eisen</b><br>
In je inzending wil ik deze dingen terug zien: <br>
- <b>2</b> ingrediënten die in cupcakes kunnen. <br>
- Mogelijke veranderingen aan het basisrecept (zie groene knop met 'recept'.) <br>
- Een <b>naam</b> voor deze cupcakes. <br>
Je kunt inzenden door hieronder op de gele knop met 'inzenden' te drukken! Je mailt naar mij, Bluesweater. <br><br>

Als je hieronder op de knop "recept" klikt, krijg je een basisrecept om (saaie) cupcakes te bakken. Hieraan kun je je eigen ingrediënten toevoegen (en mogelijk het recept aanpassen) en ze vervolgens zelf maken! Dit is <i>geen</i> verplichting. Maar wanneer je je zelf cupcakes bakt, krijg je de set sowieso. Zorg dat je dan een foto van de zelfgebakken cupcakes bij je inzending zet!<br><br> 

<b>Deadline</b><br>
Inzenden kan <b>tot en met vrijdag 21 juni 23.59 uur.</b><br><br>
    
    <b>Prijzen</b><br>
De top 10 van deelnemers de set, waarbij degene die zelf cupcakes gebakken hebben voorrang krijgen (als dit meer dan 10 mensen zijn, dan krijgen meer dan 10 mensen de set). Daarnaast ga ik de leukste 2 ingrediënten zelf uitproberen en hierover bloggen! <br><br>

<i>PS. Ik hoop dat je iets opvalt aan deze layout voor de <a target="_blank"...

CSS

* {
  font-family: Arial, sans-serif;
  font-size: 12.5px;
}

JavaScript

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