jquery - 滑动面板jQuery

Question

我的网站设计顶部有一个滑动面板，但它的默认设置是在页面加载时打开 - 我怎样才能让它默认关闭，然后单击切换打开，而不是反转它现在正在做什么？jQuery如下：

$(document).ready(function(){

    $("#toggle").click(function(){

        $(".panel").toggle("slow");

        $(this).toggleClass("active");

        return false;

    });

});

Answer 1

使用类面板并将显示属性设置为无，这在加载页面时不会显示。

.面板{显示：无；}

Answer 2

使用此类并将 display 属性设置为 none ，它不会在窗口加载时显示。

.面板{显示：无；}

Answer 3

如果您想防止在文档加载时看到该面板从“可见”“闪烁”到隐藏，而不是最初使用 CSS 隐藏它：

.panel{display:none;}