5のフォルダ一覧画面にシンプルな折り畳み機能を実装しました。サブフォルダが多くて画面が長くなり、見づらかったり操作が大変だったりするようでご相談を頂きました。動作例は以下のようになります。実装の際に2点気付きがありましたのでご紹介します。none;で非表示にしてはならないことです。none;で非表示にした後で「変更を保存」を押すと、非表示にしたカテゴリ・フォルダは消えてしまいます。フォルダが表示されている部分はあくまでもフォームの一部なのです。none;にしない、そしてカスタマイズ前には必ずデータベースのバックアップを取ることを忘れないようにしてください。「変更を保存」を押した後に通常の表示に戻ってしまう2点目は「変更を保存」を押した後に再度折り畳み機能を有効にする方法です。フォルダ・カテゴリの画面に移動した際はフォルダ・カテゴリの情報がXMLHTTPRequestで取得されます。fn);で捕捉することができます。「変更を保存」が押下された時はJavaScriptのbulkUpdateCategories()が呼ばれて処理されるため、画面はリロードしませんし処理完了後にイベントが飛ぶこともないようで通常の表示に戻ってしまいます。そこで思いついたのはJavaScriptの「監視」です。ミツエーリンクス」を参考にさせて頂きました。MDN」も分かりやすいです。「変更を保存」を押して処理が完了したとき、「変更を保存しました。変更を有効にするには再構築をしてください。」のようなメッセージが上部に出ると思います。そのdiv#msg-blockを監視するのです。以下のようなコードをPowerCMS設定の「管理画面カスタマイズ設定」に記述します。画面にメッセージが表示された時、つまりDOMに変化が起きた時にaccordionFoldersInit関数が実行されるようになります。});}(jQuery));</script>※bulkUpdateCategories関数を読むとメッセージが表示された後にカテゴリ・フォルダの要素が追加されているように思うのですが、div#rootを監視してみても上手くいきませんでした。※管理画面はjQueryベースで書かれていますので、jQueryの構文で書かれても問題ありません。私はjQueryを使わなくても良いことであればバニラJSで書くことがよくあります。まとめカテゴリ・フォルダの画面も工夫をすることで使いやすい画面にカスタマイズできることが分かりました。お客様のご要望にお応えできるよう、今後も研究を続けてまいります。BATS様のユニフォームにLABのロゴを入れていただきました。次の記事:年末のご挨拶など。