como hago para colocar capitulos debajo de cada temporada [ayuda]

[colcrt]

hola a tod@s, vengo a pedir su colaboracion pues por mi poco conocimiento no logro poner los capitulos debajo de cada temporada pueden verlo en mi web como esta actualmente http://moveer.url.ph/series/3/the-big-band.html una fotico  



este es el codigo que ocupo actualmente en esa web se que apenas estoy aprendiendo pero si me pudieran colaborar o dar alguna idea de como podria hacerlo   se los agradeceria muchisimo  

Código (html4strict) [Seleccionar] Expandir

{if $msTemporada !=""}
                 {foreach from=$msTemporada item=t}<div style="padding-bottom:0px;text-align:center;" class="content f_right bgdeg7 bold fs19px p_relative white"> <table width="100%" border="1">
                   <tr>
                     <td width="35%"><center>{$t.t_temporada|escape}</center></td>
                     </tr>
                     </table>
                     {/foreach}
                     </div>{/if}
                     
               {if $msDown != ""}
               <div style="padding-bottom:0px;text-align:center;" class="content f_right bgdeg7 bold fs17px p_relative white"> <table width="100%" border="1">
                 <tr>
                   <td width="35%"><center>Capitulos</center></td>
                   <td width="35%"><center>Servidor</center></td>
                   <td width="20%"><center>Idioma</center></td>
                   <td width="10%"><center>Ver</center></td>
                 </tr>
               </table></div>
               {assign var=i value=1}
                       {foreach from=$msDown item=c}<div style="padding-bottom:0px;text-align:center;"  class="content f_right brdr10px fs15px p_relative mgbot15px"><table width="100%" border="1">
                         <tr>
                           <td width="35%"><center>{$c.c_capitulo|escape}</center></td>
                           <td width="35%"><center>{$c.c_servidor|escape}</center></td>
                           <td width="20%"><center>{$c.c_idioma|escape}</center></td>
                           <td width="10%"><a href="{$c.c_link|escape}" target="_new" ><center><img src="{$msConfig.datos.w_url}/Temas/default/img/link.png"style="width:16px;height:16px"</a></center></td>
                         </tr>
                       </table>
                       {/foreach}  
                 </div>{/if}

[Jecth]

Primero comprobar (todo esto lo hago con una lógica de base de datos) que si la serie es igual a "Prison break" (es un ejemplo), ejecuta dentro de todo esto otra sentencia donde si la serie es igual a Prison break y tienes capitulos de la temporada 1 por ejemplo, ejecuten.

Ahora la base de datos puede tener una fila con el numero de temporadas y la serie por ejemplo, más fácil y luego mostrar todo si te parece.

En teoria, es hacer todo mediante un proceso de base de datos y más simple a la vez sencillo.

[colcrt]

  funciono JSX3 te agradezco mucho, nose si me pudieras colaborar si de alguna manera pudiera hacer que se desplieguen los capitulos al hacer click en el cuadro de temporada te dejo el codigo nuevo

Código (html4strict) [Seleccionar] Expandir

{if $msTemporada !=""}
               {if $msDown != ""}
                 {foreach from=$msTemporada item=t}<div style="padding-bottom:0px;text-align:center;" class="content f_right bgdeg7 bold fs19px p_relative white"> <table width="100%" border="1">
                   <tr>
                     <td width="35%"><center>{$t.t_temporada|escape}</center></td>
                     </tr>
                     </table>
                     <div style="padding-bottom:0px;text-align:center;" class="content f_right bgdeg7 bold fs17px p_relative white"> <table width="100%" border="1">
                 <tr>
                   <td width="35%"><center>Capitulos</center></td>
                   <td width="35%"><center>Servidor</center></td>
                   <td width="20%"><center>Idioma</center></td>
                   <td width="10%"><center>Ver</center></td>
                 </tr>
               </table></div>
                     {foreach from=$msDown item=c}
                     {if t.t_id == c.t_id}<div style="padding-bottom:0px;text-align:center;"  class="content f_right brdr10px fs15px p_relative mgbot15px"><table width="100%" border="1">
                         <tr>
                           <td width="35%"><center>{$c.c_capitulo|escape}</center></td>
                           <td width="35%"><center>{$c.c_servidor|escape}</center></td>
                           <td width="20%"><center>{$c.c_idioma|escape}</center></td>
                           <td width="10%"><a href="{$c.c_link|escape}" target="_new" ><center><img src="{$msConfig.datos.w_url}/Temas/default/img/link.png"style="width:16px;height:16px"</a></center></td>
                         </tr>
                       </table>
                     {/if}
                     </div>{/foreach}{/foreach}
                     {/if}{/if}

[Jecth]

Eso son accordeones en jQuery busca por "Efecto Accordon en jQuery"

Enviado desde mi XT1032 mediante Tapatalk

[colcrt]

hola gracias nuevamente por tu ayuda me ha servido mucho he investigado pero ahora nose que estoy haciendo mal; ocupo este codigo

Código [Seleccionar] Expandir

{literal}<script type="text/javascript">
$(function(){
$('#menu li a').click(function(event){
var elem = $(this).next();
if(elem.is('ul')){
event.preventDefault();
$('#menu ul:visible').not(elem).slideUp();
elem.slideToggle();
}
});
});
</script> {/literal}
           <!--</script_menu_desplegar>-->    
               
               <!--<ser_tablas_bnr>-->
               
               {if $msTemporada !=""}
               {if $msDown != ""}
                 {foreach from=$msTemporada item=t}<ul id="menu">
                 <div class="content f_right bgdeg6 bold fs17px p_relative"><table width="100%" border="1">
                   <tr>
                     <td width="35%"><center><li><a href="#">{$t.t_temporada|escape}</a></center></td>
                     </tr>
                     </table>
                     </div>
                     <ul><li>
                     <div class="content f_right bgdeg7 bold fs17px p_relative mgbot10px white"><table width="100%" border="1">
                 <tr>
                   <td width="55%"><center>Capitulos</center></td>
                   <td width="20%"><center>Servidor</center></td>
                   <td width="15%"><center>Idioma</center></td>
                   <td width="10%"><center>Ver</center></td>
                 </tr>
               </table></div>
                     {foreach from=$msDown item=c}
                     {if $t.t_id == $c.t_id}<div class="content f_right brdr10px fs15px p_relative"><table width="100%" border="1">
                         <tr>
                           <td width="55%"><center>{$c.c_capitulo|escape}</center></td>
                           <td width="20%"><center>{$c.c_servidor|escape}</center></td>
                           <td width="15%"><center>{$c.c_idioma|escape}</center></td>
                           <td width="10%"><a href="{$c.c_link|escape}" target="_new" ><center><img src="{$msConfig.datos.w_url}/Temas/default/img/ver.png"style="width:16px;height:16px"></a></center></td>
                         </tr>
                       </table>
                     {/if}
                     </div>{/foreach}</li></ul>
                     </li></ul>{/foreach}
                     {/if}{/if}

[Graphixx]

No te lies con jquery, hay acordeones mas faciles de implementar:
http://foro.elhacker.net/desarrollo_web/ayuda_secciones_web_desplegables_y_contraibles_acordeon_vertical-t420295.0.html

[colcrt]

No te lies con jquery, hay acordeones mas faciles de implementar:
http://foro.elhacker.net/desarrollo_web/ayuda_secciones_web_desplegables_y_contraibles_acordeon_vertical-t420295.0.html

hola agradecerles su interes y colaboracion que me estan brindando; ahora me surgio un inconveniente que no se como resolver, lo que pasa es que la consulta va dentro de un bucle foreach y hay tengo el lio las etiquetas <ul> y <li> no las ingresa al bucle por lo que no logro que se escondan todos los capitulos en otras palabras no se repiten esas etiquetas y como es una lista y lo que trato es de meter ese estilo de menu dentro de esa lista aki lo puedes ver http://moveer.url.ph/series/3/the-big-band.html este es el codigo

Código [Seleccionar] Expandir

<!--<script_menu_desplegar>-->
            {literal}<script type="text/javascript">
$(document).ready(function(){
$('.menujq > ul > li:has(ul)').addClass('desplegable');
$('.menujq > ul > li > a').click(function() {
var comprobar = $(this).next();
$('.menujq li').removeClass('activa');
$(this).closest('li').addClass('activa');
if((comprobar.is('ul')) && (comprobar.is(':visible'))) {
$(this).closest('li').removeClass('activa');
comprobar.slideUp('normal');
}
if((comprobar.is('ul')) && (!comprobar.is(':visible'))) {
$('.menujq ul ul:visible').slideUp('normal');
comprobar.slideDown('normal');
}
});
});
</script>{/literal}
            <!--</script_menu_desplegar>-->   
               
                <!--<ser_tablas_bnr>-->
               
                {if $msTemporada !=""}
                {if $msDown != ""}
                  {foreach from=$msTemporada item=t}<div class="menujq"><ul>
                  <li><a href="javascript:void();"><div class="content f_right bgdeg6 bold fs17px p_relative"><table width="100%" border="1">
                    <tr>
                      <td width="35%"><center>{$t.t_temporada|escape}</center></td>
                      </tr>
                      </table>
                      </div></a><ul>
                      <li><div class="content f_right bgdeg7 bold fs17px p_relative mgbot10px white"><table width="100%" border="1">
                  <tr>
                    <td width="55%"><center>Capitulos</center></td>
                    <td width="20%"><center>Servidor</center></td>
                    <td width="15%"><center>Idioma</center></td>
                    <td width="10%"><center>Ver</center></td>
                  </tr>
                </table></div>
                      {foreach from=$msDown item=c}
                      {if $t.t_id == $c.t_id}<div class="content f_right brdr10px fs15px p_relative"><table width="100%" border="1">
                          <tr>
                            <td width="55%"><center>{$c.c_capitulo|escape}</center></td>
                            <td width="20%"><center>{$c.c_servidor|escape}</center></td>
                            <td width="15%"><center>{$c.c_idioma|escape}</center></td>
                            <td width="10%"><a href="{$c.c_link|escape}" target="_new" ><center><img src="{$msConfig.datos.w_url}/Temas/default/img/ver.png"style="width:16px;height:16px"></a></center></td>
                          </tr>
                        </table>
                      {/if}
                      </li></ul></div>{/foreach}
                      </li></ul></div>{/foreach}
                      {/if}{/if}
                     
                <!--</ser_tablas_bnr>-->

Etiquetas: <ul>ciclosetiquetaforeach

[Jecth]

El uso de la etiqueta li son para "listas ordenadas", pero tu sencillamente estás utilizando tablas (una forma antigua para ordenar "listas"), ¿por qué se complica entonces?, si usted usara etiqueta de div (<div>) o etiquetas tipo HTML5 (section,article,header) hay le recomiendo un uso de las etiquetas li para una lista ordenada, pero como ocupa tablas en este caso, no tendrá problemas.

Para que se escondan, debe tener dentro del div el contenido, eso puede suceder más que las etiquetas

[colcrt]

hola disculpa aun no la piyo  nose pero esconde algunas filas y otras no; nose si es porque las etiquetas <ul><li> estan en el interior de un ciclo foreach tambien lo intente con un <div> y <h3> y pasa lo mismo se esconde la primera fila de la tabla y el resto queda visible