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 necesito es que si aparecen 5 botones rojos quisiera que la capa #c_red aumente 2% por cada clic.
espero su ayuda
gracias.