JSFiddle - React, Tailwind, and code Playground

HTML

<div class="factuuradres"></br><h3></h3></div>
<div class="factuuradresbutton">Meer Informatie</div>

CSS

#registratie {margin-left:40px; }
	#registratie .textbox_wrapper {width:500px; margin-top:10px;}
	#registratie .textbox_wrapper h2 {color:#116290; margin-top:50px; margin-bottom:20px;}
	#registratie .persoongegevens {border-top: 1px #929292 solid; border-bottom: 1px #929292 solid; margin-right:50px;}
	#registratie .persoongegevens h2{font-family: 'Calibri bold'; font-size:24pt; color:#116290; padding:10px 0px 10px 0px; margin: 0px 0px 0px 20px;}
	#registratie .persoongegevens h3{font-family: 'Calibri'; margin: 0px 0px 0px 20px;}
	#registratie .informatie_registratie {margin: 0px 0px 0px 20px; margin-top:20px;}
	#registratie .informatie_registratie p {font-family: 'Calibri italic'; font-size:14pt; color:#929292; }
	#registratie .registratie_form .field {width:350px; height:34px; border: 1px #cfcfcf solid;}
	#registratie .registratie_form .postcode {width:100px; height:34px; border: 1px #cfcfcf solid;}
	#registratie .registratie_form .huisnummer {width:70px; height:34px; border: 1px #cfcfcf solid;}
	#registratie .registratie_form .registratie_form_left h3 {font-family: 'Calibri'; font-size:15pt; }
	#registratie .title_textbox{float:left; width:150px; margin-top:6px;}
	#registratie .title_textbox2{float:left; width:150px; margin-top:6px; margin-bottom:50px;}
	#registratie .title_textbox3{float:left; width:150px; margin-top:6px;}
	#registratie .title_textbox4{float:left; width:150px; margin-top:6px; margin-left:120px;}
	#registratie .textbox{float:left; width:300px; margin-top:2px;}
	#registratie .textbox2{float:left; width:300px; margin-top:2px; margin-bottom:50px;}
	#registratie .textbox3{float:left; width:10px;}
	#registratie .textbox4{float:left; width:10px;}
	#registratie .factuuradresbutton{float: left; padding-left:20px; width: 83px; height: 31px; text-align: right; font-size: 9px; color: white; line-height: 30px; font-family: 'Arial', sans-serif; text-decoration: none; background: url('http://www.grafisign.nl/CAKE/img/button6.png') left top no-repeat;}

JavaScript

$(".factuuradresbutton").toggle(function(){
		$(".factuuradres").animate({
			height: "610px"
    }, {duration:500, 
      complete:function(){
        $(".factuuradresbutton").html("Toch geen factuuradres")
		$(".factuuradres").html('<h2>Factuuradres</h2><div class="title_textbox3"><h3>Postcode:</h3></div><div class="textbox3"><input type="text" class="postcode" name="Postcode" value=""/></div><div class="title_textbox4"><h3>Huisnummer:</h3></div><div class="textbox4"><input type="text" class="huisnummer" name="Huisnummer" value=""/></div><div class="title_textbox"><h3>Straat:</h3></div><div class="textbox"><input type="text" class="field" name="Straat" value=""/></div><div class="title_textbox"><h3>Plaats:</h3></div><div class="textbox"><input type="text" class="field" name="Plaats" value=""/></div>');
      }
    });
		},
		function(){
		$(".factuuradres").animate({
			height: "160px"
		}, 500 );
		$(".factuuradresbutton").html("Ander factuuradres?")
		$(".factuuradres").html("Factuuradres")
		});