Hola Necesito ayuda con las siguientes lineas
Código HTML:
$(document).ready(function(){
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();
});
});
for (var i = 0; i < <?php echo $pocimas_azul?>; i++) {
$('<div class="pocima_azul" title="Utilizar pocima">').appendTo(document.body);
}
$("div.pocima_azul").click(function () {
$("#c_blue").animate({
height: "35%",}, 1500 );
$(this).hide(500, function () {
$(this).remove();
});
});
});
<div id="apDiv1"><img src="img/backgrounds/footer_menu.png" width="770" height="155" style="position:absolute; z-index:4" />
<div id="c_red" style="height:20px"></div>
<div id="c_blue" style="height:20%"></div>
</div> Lo que tengo es unos botones que aumentan el tamaño de una capa en pixeles el codigo funciona pero por ejemplo si tengo dos o mas botones rojos no aumenta la capa, mas que una sola vez.
Lo que necesito es que si aparecen 5 botones rojos quisiera que la capa #c_red aumente 2% por cada clic.
espero su ayuda
gracias.