Aca lo que tenes es una inserción de varios div.pocima_roja en el DOM, tras la carga de la pagina.
Cita: for (var i = 0; i < <?php echo $pocimas_roja ?>; i++) {
$('<div class="pocima_roja" title="Utilizar pocima">').appendTo(document.body);
}
$("div.pocima_roja").click(function () {
$("#c_red").animate({
height: "35%",}, 1500 );
$(this).hide(500, function () {
$(this).remove();
});
});
El método que usas no está mal, pero usa recursos innecesariamente, porque podrías escribir el html directamente en el body con PHP, sin necesidad de utilizar jquery.
En cuanto a la función, pensá que tenés varios divs, y que entonces este selector te devolverá un array, y no un solo elemento:
$("div.pocima_roja")
Entonces, para asignar la funcionalidad "click" necesitas usar un bucle each.