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

关于jquery悬停功能的问题

1 个答案: