Agradesco tu respuesta.
El codigo me quedo algo asi pero creo que no comprendi bien eso de hacer el
bucle each.
.
Código HTML:
<script>
$(document).ready(function(){
$("div.pocima_roja").one('click', function () {
$(this).hide(500, function () {
$(this).remove();
});
});
$("div.pocima_roja").click(function () {
$("#c_red").animate({
height: "35px",}, 1500 );
});
$("div.pocima_azul").one('click', function () {
$(this).hide(500, function () {
$(this).remove();
});
});
$("div.pocima_azul").click(function () {
$("#c_blue").animate({
height: "35px",}, 1500 );
});
});
</script>
</head>
<body>
<div class="pocima_roja"></div>
<div class="pocima_roja"></div>
<div class="pocima_azul"></div>
<div class="pocima_roja"></div>
<div class="pocima_roja"></div>
<div class="pocima_roja"></div>
<div class="pocima_azul"></div>
<div id="apDiv1">
<div id="dats" style="position: absolute; color:white; z-index:5; text-align:center; width:5%; margin:40px 0 0 390px; border:1px solid silver;"><a href="#">▲</a></div>
<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>