Bueno señores, estoy usando uno de los muchos templates de bootstrap y dentro de ese template ay componente que se llama "Toogle" que es una especie de "Acordion" entonces la idea es la siguiente:
Como pueden ver la imagen de arriba esta partida en dos imagenes por una linea negra. La primera imagen es cuando el Toogle esta cerrado y la de abajo es cuando esta abierto, entonces pense en poner dentro de esos toogles las noticias que yo iria pubicando osea que cuando el toogle este cerrado mostrara el nombre de la noticia(Primera images) y cuando este abierto mostrara el nombre de la noticia, la noticia, el autor y la fecha en que se publico la noticia(Segunda imagen), pero derrepente diran okey y donde esta el problema?
Pues el problema es el siguiente:
Codigo del toogle
Código:
<div class="panel panel-default">
<div class="panel-heading clearfix">
<a class="accordion-toggle" data-toggle="collapse" href="#collapse33">
Titulo de noticia
<div class="collapse-icon"></div>
</a>
</div>
<div id="collapse33" class="panel-collapse collapse in">
<div class="panel-body">
Contenido de noticia.
</div>
</div>
</div>
Como se dan cuenta "#collapse33" llama a "collapse33", es decir, la flecha esta enlazada al cuadro de abajo el cual contiene la noticia como las noticias estan almacenadas, los toogles se crean de acuerdo a la cantidad de noticias que hallan eso quiere decir que si se crean 3 noticias habran 3 toogles los 3 con el ID="COLLAPSE33" y sucedera lo que me sucede a mi, que habre solo uno o no habre ninguno T.T...
Alguien me podria ayudar?
Gracias de antemano... y espero haber sido claro...