1

社内用のdokuwikiを作成していますが、ドキュメントが非常に大きくなりがちなので、セクションを折りたたんでヘッダーのみを表示したいと考えています。ヘッダーをクリックすると、セクションが表示されます。

DokuWiki のヒントとコツのページには、このクリック アンド ショー動作を容易にする小さな jquery スクリプトが示されています。「h2」にのみ適用され、他のヘッダーには適用されないように変更しました。

今私が望む唯一のことは、レベル 2 セクションがデフォルトで非表示になっていることです。メインページにCSS を追加しようとしましたdiv.level2{display:none;}が、これではうまくいきません。セクションは非表示になりますが、ヘッダーをクリックしても表示されなくなります。

javascript コードを使用してページをロードするときに、h2 ヘッダーの下のすべてのセクションを非表示にする方法はありますか?

4

1 に答える 1

0 
jQuery("h2").click(function(){

jQuery("div.level2").toggle();

});

このコードを使用してみてください。

最初の行はh2を選択し、クリックすると関数を呼び出す必要があることを示します

関数はurレベル2divを切り替えます

。。。。。

于 2010-05-20T19:34:00.767 に答える