0

我的老板想为我们的网站设计一个可折叠的侧边栏，我已经设法想出了一个。但是，她发现在导航期间（或刷新页面时）侧边栏会不断重新加载，因此很烦人，因此有了这个快速折叠和展开（“闪烁”）效果。是否可以在保留侧栏的可折叠/可扩展功能的同时摆脱它？

链接：http: //2ddige.com/temps/Services/proteomics%202d_dige.html

PS：她希望默认处于展开状态，而不是折叠状态。

Code:
// Appear/Disappear
            $('#menu4 > li > a.expanded + ul').show();
            $('#menu4 > li > a').click(function() {
                       $(this).toggleClass('expanded').toggleClass('collapsed').parent().find('> ul').toggle();
            });
            $('#example4 .expand_all').click(function() {
                $('#menu4 > li >   a.collapsed').addClass('expanded').removeClass('collapsed').parent().find('> ul').show();
            });
            $('#example4 .collapse_all').click(function() {
                $('#menu4 > li > a.expanded').addClass('collapsed').removeClass('expanded').parent().find('> ul').hide();
            });
4

1 回答 1

0

删除包括 .show() 在内的第一行并将其添加到您的 CSS 中：

#menu4 > li > a.expanded + ul {
    display: block;
}

或将其添加到每个 ul 元素中：

<ul style="display: block;">

您所经历的被称为FOUC，尽管该 wiki 没有提到在页面加载或 domcontentloaded 上使用 javascript 设置元素样式时也会发生 FOUC。

于 2012-10-24T21:38:04.980 回答