Solo para mis blogs: Acordeón Desplegable. Paginas de consultas

Modelo 1

_________________________________________
El código del Modelo 1, es el siguiente:

.................................................
Modelo 2
Acordeón con jQuery

Juegos Gratis: Games-Garden.com
Subir Imágenes: l4c.me
Curso de CSS3: Cristalab.com/css3
Tutoriales: Cristalab.com/tutoriales

El código del Modelo 2, es el siguiente:

<!doctype html>
<html>
   <head>
      <meta charset=utf-8>
      <title>Acordeón con jQuery</title>
      <link rel='stylesheet' href='styles.css'>
   </head>
   <body>
   <dl>
      <dt>Juegos Gratis</dt>
      <dd><a href='http://games-garden.com/'>Games-Garden.com</a></dd>
      <dt>Subir Imágenes</dt>
      <dd><a href='http://l4c.me/'>l4c.me</a></dd>
      <dt>Curso de CSS3</dt>
      <dd><a href='http://www.cristalab.com/css3/'>Cristalab.com/css3</a></dd>
      <dt>Tutoriales</dt>
      <dd><a href='http://www.cristalab.com/tutoriales/'>Cristalab.com/tutoriales</a></dd>
   </dl>

function mostrarDetalles()
      {
         $(this).next()
            .slideDown()
            .siblings('dd').slideUp();
      }

init();
   </script>
   </body>
</html>

_____________________________________________________- _____________________________________________________
Páginas para consultar (Modelo 3)

________________________________________________

El código del Modelo 3, es el siguiente:

http://www.videodownload.cc/youtube/como-hacer-un-menu-desplegable-adaptado-a-dispositivos-moviles-responsive-design

Solo para mis blogs

Etiquetas

sábado, 26 de diciembre de 2015

Acordeón Desplegable. Paginas de consultas