A ver si he entendido lo que quieres hacer. Lo que he entendido es que necesitas que los input con nombres "imagen" y "texto" tienen que mostrarse u ocultarse dependiendo de cual de los input radio pulses.
Para empezar tendrías que ocultar los dos campos que se mostrarian dependiendo de cual pulses. Yo he usado un display: none que inserto a través del atributo style desde el mismo elemento HTML. Es mejor hacerlo desde CSS pero, ya tú sabes ^^
HTML
<form action="" method="POST">
<input type="radio" name="gender" value="texto"> [text]
<input type="radio" name="gender" value="imagen"> [image]<br>
<input id="imagen" type="text" name="imagen" placeholder="Imagen para reporte" style="display: none"><br>
<textarea id="nota" name="texto" placeholder="Nota" style="display: none"></textarea><br>
<button name="add">Agregar</button>
</form>
He cambiado lo mínimo tu código para que te sea más cómodo, añadiéndole unas IDs a los elementos a mostrar para que sea más sencillo seleccionarlos desde Jquery, y poco más.
Luego ya tendrías que jugar con el valor que tenga el input radio para mostrar u ocultar los elementos dependiendo de este
JQUERY
$("input[name='gender']" ).change(function() {
if ($(this).val() == 'texto') {
$('#imagen').show();
$('#nota').hide();
}
else {
$('#imagen').hide();
$('#nota').show();
}
});