dominios y alojamiento web en hostalia

problemas con css o jquery o bucle

tengo el sig codigo no se que falla ????? estoy confuso

les explico el sig despliega una serie de numeros y con sus respectivos hijos es un acordeon




<html>
<head></head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<style>
div.slides{
padding:8px;
background:#FFF
}
div.slides h3{
border:1px #d3d3d3 solid; /**/
-moz-border-radius:0.5ex; /**/
-webkit-border-radius:0.5ex; /**/
padding:4px 8px 0px 8px; /**/
border-radius:0.5ex;
margin:4px 0px 0px 0px;
height:24px;
background:url(../img/bg/1.png) repeat-x;
cursor:pointer;
}
div.slides div.cont{
border:1px #d3d3d3 solid; /**/
-moz-border-radius:0.5ex; /**/
-webkit-border-radius:0.5ex; /**/
padding:8px 4px 4px 4px; /**/
border-top:0px;
}
</style>
<body>
<?php
$c=0;
echo "<div id=\"cont\">";
for($i=1;$i<=10;$i++)
{
echo "<div class=\"slides\">";
echo "<h3>$i</h3>";
for($o=1;$o<=5;$o++)
{
echo "<div class=\"cont\">";
echo "$o </br>";
echo "</div>";
}
echo "</div>";
}
echo "</div>"
?>
<script>
$("div.cont").hide();
//$("div.content:first").show();
$("h3").bind("click", function() {
if ( $(this).next().css("display") == none ) {
$("div.cont").hide();
$(this).next().slideDown(250);
}
});
</script>

</body>
</html>

el detalle es que el bucle anidado solo pasa una ves ???? a que se debe
Pertenece a la categoría:

No hay respuestas para esta pregunta

Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...