[SOLUCIONADO] Código de acorden dentro del Body

[ceaped]

Buenos días
Mirando este tutorial:
Tutoriall

Porque el código:

Código Javascript:

<script type="text/javascript"> 
    $('dl dd').hide(); 
    $('dl dt').click(function(){ 
    if ($(this).hasClass('activo')) { 
    $(this).removeClass('activo'); 
    $(this).next().slideUp(); 
    } else { 
    $('dl dt').removeClass('activo'); 
    $(this).addClass('activo'); 
    $('dl dd').slideUp(); 
    $(this).next().slideDown(); 
    } 
    }); 
    </script>
 

Se debe ubicar en la parte inferior del BODY? y no puede ser en el HEAD?

Gracias por su ayuda

[PHPeros]

En el head haciendo un $(document).ready() ya que los elementos todavía no están cargados, y al final del body también puedes hacerlo. Ambas formas son correctas

[ceaped]

Hola PHPeros
Esa línea de código que quiere decir?

Gracias por tu ayuda

[Alexis88]

Colocando el código JavaScript al final del cuerpo del documento, se aplicarán correctamente todas las instrucciones/métodos/funciones que hayas escrito para cada uno de los elementos del DOM. Dicho de otro modo, la carga del documento se realiza de arriba hacia abajo, por lo que si primero carga el código JavaScript y luego los elementos del documento, no se aplicarán en estos últimos.

Como te explica PHPeros, colocando la línea $(document).ready(), puedes colocar el código JavaScript en la cabecera del documento, pues dicho método aplica las instrucciones que indiquemos en él cuando todos los elementos del documento hayan cargado.

Por ejemplo, el código que muestras, lo aplicarías así:

Código Javascript:

$(document).ready(function(){
    $('dl dd').hide(); 
    $('dl dt').click(function(){ 
        if ($(this).hasClass('activo')) { 
            $(this).removeClass('activo'); 
            $(this).next().slideUp(); 
        } else { 
            $('dl dt').removeClass('activo'); 
            $(this).addClass('activo'); 
            $('dl dd').slideUp(); 
            $(this).next().slideDown(); 
        } 
    }); 
});
 

Puedes leer más al respecto desde el manual oficial de jQuery: .ready()

Saludos

[ceaped]

Hola Alexis88 y PHPeros
Gracias por su ayuda y explicación