[codebox]Tablón informativo desplegable. En el demo está bastante extenso, para poder usarlo debe adecuarse el temaño. Si no sabes hacerlo, puedes abrir un tema para pedir soporte. Demo [/codebox]
[hidecode]
Código:
<h1>Tablón de anuncios</h1> <ul> <li> <input name="accordion" type="radio" checked> <i></i> <h2>Tabla 1</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sagittis augue metus, ut venenatis arcu dignissim non. Sed sed orci mauris. </p> </li> <li> <input name="accordion" type="radio"> <i></i> <h2>Tabla 2</h2> <p>Integer posuere eleifend massa, et faucibus sapien accumsan et. Morbi convallis risus erat, sit amet fringilla mi maximus sed. Nulla aliquam nunc ac convallis sollicitudin. Vestibulum ac ultrices tellus, id finibus tellus. Etiam id libero enim</p> </li> <li> <input name="accordion" type="radio"> <i></i> <h2>Tabla 3</h2> <p>Integer posuere eleifend massa, et faucibus sapien accumsan et. Morbi convallis risus erat, sit amet fringilla mi maximus sed. Nulla aliquam nunc ac convallis sollicitudin. Vestibulum ac ultrices tellus, id finibus tellus. Etiam id libero enim</p> </li> </ul>
.transition, p, ul li i:before, ul li i:after { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.flipIn, h1, ul li { -webkit-animation: flipdown 0.5s ease both; animation: flipdown 0.5s ease both; }