NueveReinas

Problemas con slideDown y slideUp.

HTML

<div class="comentario" id="e1c1">
  <div class="nombre-comentario"><h3>John Doe</h3></div>
  <div class="fecha-comentario"><p>Lunes 14 de Marzo de 2016 - 16:28</p></div>
  <div class="contenido-comentario"><p>Shoreditch master cleanse kickstarter, sriracha quinoa YOLO whatever tilde. Kitsch lumbersexual lo-fi, organic man bun truffaut chartreuse tilde health goth pitchfork shoreditch gastropub ethical. Farm-to-table normcore locavore, kombucha twee mumblecore distillery cred echo park flexitarian. PBR truffaut sartorial, pop-up thundercats cardigan chia kogi post-ironic poutine. <br><br>PBR ethical semiotics, salvia schlitz pour-over pitchfork. Beard biodiesel tilde ethical. Retro pug organic lo-fi.</p></div>
  <div class="responder-comentario" id="crearRespuesta"><p>Responder a John Doe</p></div>
  <div class="formulario-respuesta"></div>
</div>

JavaScript

var idComentario;
var contenedorFormulario;
$("#crearRespuesta").click(function() {
	idComentario = $(this).parent().attr("id");
	contenedorFormulario = $("#"+idComentario).find(".formulario-respuesta");
	
	var formularioResponderComentario = '<div class="formulario"><form method="post" class="formulario_contacto" id="formulario_contacto" accept-charset="UTF-8"><div class="titulo-formulario"><p><span class="medium">Nombre</span></p></div><input type="text" name="nombre" id="nombre" class="vacio" maxlength="35" placeholder="" required /><div class="titulo-formulario"><p><span class="medium">Email</span></p></div><input type="email" name="email" id="email" class="vacio" maxlength="50" placeholder="" /><div class="titulo-formulario"><p><span class="medium">Comentario</span></p></div><textarea name="comentario" id="comentario" class="vacio" maxlength="300" placeholder="" required></textarea><div class="info-comentar"><p>Al enviar el comentario aceptas la <a href="#">polĂ­tica de comentarios</a></p></div><input id="enviar" name="enviar" type="submit" class="boton-enviar" value="Publicar comentario" required /></form><br><br><br></div>';

	contenedorFormulario.html(formularioResponderComentario);
	$("#"+idComentario+" .responder-comentario").attr("id", "cancelarRespuesta_"+idComentario).html("<p>Cancelar respuesta</p>");
	contenedorFormulario.slideDown(600);
	
	$("div #cancelarRespuesta_"+idComentario).click(function() {
		$("#"+idComentario+" .responder-comentario").attr("id", "crearRespuesta");
		$("#"+idComentario+" .responder-comentario").html("<p>Responder a John Doe</p>");
		contenedorFormulario.slideUp(600);
	});
});