una opcion podria ser hacer el output de los campos "extra" dentro de un div invisible y con el boton lo haces aparecer o desaparecer. ejemplo
<div id="extra" style="display:none;" >
<!-- campos extra aqui-->
</div>
<button type="button" onClick="mostrar()">Mostrar</button>
<script language="javascript">
function mostrar(){
if(document.all || document.getElementById){
target=document.all?document.all['extra']:document.getElementById('extra')
if(!target.hay_magia){
target.hay_magia=true;
target.style.display='';
}else{
target.hay_magia=false;
target.style.display='none';
}
}
}
</script>