Question

我使用jquery，我在页面上显示div #section-nav，我正在使用一些脚本，目前代码在#section-nav.上悬停时会消失一系列li / p>

我需要相反的过程，所以

div #li在加载时不可见
只有悬停在＃section-nav上才能看到li
我想使用切换效果

我是jquery的新手，您可以发布代码示例吗？谢谢！

<script type="text/javascript">
    $(document).ready(function(){
        $("#section-nav").hover(function () {
        $("li").slideToggle("fast");
    }); }); 
</script>

Answer 1

div #li？是id还是元素类型？如果是类型：

$(document).ready(function() {
    $("li").hide();
    $("#section-nav").hover(function() {
        $("li").slideToggle("fast");
    });
});

如果是id：

$(document).ready(function() {
    $("#li").hide();
    $("#section-nav").hover(function() {
        $("#li").slideToggle("fast");
    });
});

您可以使用$（function（）{}）语法来减少代码：

$(function(){
    $("li").hide();
    $("#section-nav").hover(function() {
        $("li").slideToggle("fast");
    });
});

如何在加载页面时切换div？

1 个答案: