Cambiar div height con javascript

[Alexis88]

Con el sueño que tengo a la 1:48 am, se me ocurre que crees un pseudo-atributo en cada botón y le asignes el id del <div> que deseas mostrar/ocultar.

Código HTML:

<div class="panhora_button" style="display: visible; cursor:pointer;" data-id = "elemento-'.$datos['id'].'">
    ESTO ES UN BOTON(Abrir)
</div>
 

Y con el método data, recuperas dicho valor.

Código Javascript:

$("div.panhora_button").click(function(){
    var id = $(this).data("id");
    $("#" + id).animate({
        height: "50px",
        opacity: 0.9
    }, 1200);
    $("div.panhora_button").toggle();
});
 

Aunque no me parece correcto usar elementos <div> como botones, para eso existen elementos <button> u otros que no sean necesariamente elementos de bloque cuyo propósito es distinto.

Saludos