necesito su ayuda.... manejo un peque?cordion o slide el detalle se presenta con el segundo bucle
el for o while se ejecuta una vez.... no se si sea las librerias jquery con el que trabaja el slide... ya los probe solito sin bucles y jala muy bien.... incorporo el styele css y script
<style>
div.slides { padding:8px; }
div.slides h3 { margin:4px 0px 0px 0px; height:24px; background:url(../img/bg/1.png) repeat-x; border:1px #d3d3d3 solid; -moz-border-radius:0.5ex; -webkit-border-radius:0.5ex; border-radius:0.5ex; padding:4px 8px 0px 8px; cursor:pointer; }
div.slides div.content { border:1px #d3d3d3 solid; -moz-border-radius:0.5ex; -webkit-border-radius:0.5ex; border-top:0px; padding:8px 4px 4px 4px; }
</style>
<body>
<?php
echo "<div id="cont1">";
for($i=1;$i<=10;$i++){
echo "<div class="slides">";
echo "<h3>$i</h3>";
for($o=1;$o<=5;$o++)
{
echo "<div class="content">";
echo "$o </br>";
echo "</div>";
}
echo "</div>";
}
echo "</div>"
?>
</div>
<script>
$("div.content").hide();
//$("div.content:first").show();
$("h3").bind("click", function() {
if ( $(this).next().css("display") == none ) {
$("div.content").hide();
$(this).next().slideDown(250);
}
});
</script>
</body>
</html>
Pertenece a la categoría:
| |