JQueryUI Hello accordion
noviembre13
=)Paso#1: Insertar la porción de tags que se convertiran formaran el accordion
<html>
<head>
<title>pagina1</title>
<!–AQUI SCRIPTs –>
</head>
<body>
<div id=»accordion»>
- <h3><a href=»#»>First header</a></h3>
- <div>First content</div>
- <h3><a href=»#»>Second header</a></h3>
- <div>Second content</div>
</div>
</body>
</html>
=)Paso#2: //Añadir los css y js de JQueryUI y JQuery
<link rel=»stylesheet» href=»css/ui-lightness/jquery-ui-1.8.16.custom.css»>
<script src=»js/jquery-1.6.2.min.js»></script>
<script src=»js/jquery-ui-1.8.16.custom.min.js»></script>
<script>
$(function() {
$( «#accordion» ).accordion(); //este convierte esos tags en accordion
});
</script>
Así a cualquier div que tengas añádele un header h3 y te queda un lindo accordion =)