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として知られていますが、そのウィキでは、ページの読み込みまたは domcontentloaded で javascript を使用して要素をスタイリングするときにも FOUC が発生する可能性があるとは言及していません。

于 2012-10-24T21:38:04.980 に答える