wp_get_archives・制限なしで出力し13ヶ月以前はアコーディオンで格納

HTML文法を無視した、liタグ外にdivを追加するやり方。

  • wp_get_archives のデフォルト出力htmlはリストタグ
  • 13番目以降の li 全てをdivで包括し、CSSでdisplay none
  • そのdiv直前にトリガー用divを追加
  • Velocity.js でスライド動作を滑らかに

2コメント
あい

こんにちは
ネット上で色々ぐぐったら、このページの情報が一番やりたいことにぴったりマッチしていて、とても助かりました。
コピペでできるって本当に感謝です。
ありがとうございます。

すみません…
1つ質問ですが..「残りを開く」を最後に入れるには、insertAfterにしたのですが、
その後の、$(this).next() をすべて$(this).before()にしたのですが動きませんでした^^;
そんな簡単に変更できないですよね..
何かアドバイスいただけないでしょうか。

よろしくお願いします。

返信
Keita Hirai

3年ほど前の投稿に注目してくださりありがとうございます。
insertAfterやthisをまだ確認していない上で、以下お応えします。

[残りを開く]を「最後に入れて」しまうと、“残りを開く”の意味ではなくなってしまうので、ご質問の意図を掴めずにいます。
また、デモは静的HTMLでコーディングしたものでして、WordPressのPHPだと動くはずなので、その点も再度ご確認くださると嬉しいです。

返信

あい にコメントする 返信をキャンセル

※メールアドレスは私にだけ届き、サイトには表示されません。
※「送信する」ボタンは一度だけクリックしてお待ちください。