問題關於jQuery的懸停功能

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 
});