Вопрос о функции jquery hover

Question

Я делаю в html конструкцию dl, как это:

<dl id="faq">
                        <dt id="vraag1">Lorem ipsum dolor sit amet consectuteur?</dt>
                        <dd id="vraag1-antwoord"><p>Nullam scelerisque congue commodo. Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. 
                            Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. </p>
                        </dd>
                        <dt>Lorem ipsum dolor sit amet consectuteur?</dt>
                        <dd><p>Nullam scelerisque congue commodo. Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. 
                            Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. </p>
                        </dd>
                        <dt>Lorem ipsum dolor sit amet consectuteur?</dt>
                        <dd><p>Nullam scelerisque congue commodo. Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. 
                            Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. </p>
                        </dd>
                        <dt>Lorem ipsum dolor sit amet consectuteur?</dt>
                        <dd><p>Nullam scelerisque congue commodo. Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. 
                            Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. </p>
                        </dd>
                        <dt>Lorem ipsum dolor sit amet consectuteur?</dt>
                        <dd><p>Nullam scelerisque congue commodo. Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. 
                            Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. </p>
                        </dd>
                        <dt>Lorem ipsum dolor sit amet consectuteur?</dt>
                        <dd><p>Nullam scelerisque congue commodo. Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. 
                            Pellentesque condimentum sem ac enim vestibulum quis mollis dolor pellentesque. Nullam scelerisque congue commodo. </p>
                        </dd>
                    </dl>

И у меня есть этот JavaScript:

$("#faq > dt").hover(function() {                   
    $(this).parent('dt').addClass('actief');
        $("#vraag1-antwoord").slideDown(600);
            }, function() {
        $(this).parent('li').removeClass('actief');
    $("#vraag1-antwoord").slideUp(600);
});

$("#vraag1-antwoord").hover(function() {
   $(this).stop().slideDown();
    }, function() {
   $(this).stop().slideUp();
});

Теперь у меня проблема.Я хочу сделать, что вы прошли через затем должны скользить вниз Как я могу изменить функцию.Этот javascript находит элемент dt и открывает элемент dd.Когда я сейчас завис, все dd открылись.

Спасибо за помощь!

Answer 1

В какой момент вы выполняете JavaScript? Закончена ли загрузка HTML до его выполнения?

$(document).ready(function() {
  // Your code
});