JavaScriptで記事を折りたたむ方法を紹介します。以前紹介したものよりJavaScriptが簡潔ですがcookieが使えないので用途によって使い分けたらいいと思います。こちらは記事が長くなった場合などに使用すれば便利かと。別ページに移動する必要もないのでスムーズに表示されます。Yahooニュースみたいな感じですね。
JavaScriptで記事の追記を折りたたみ
JavaScriptで記事を折りたたむ方法を紹介します。以前紹介したものよりJavaScriptが簡潔ですがcookieが使えないので用途によって使い分けたらいいと思います。こちらは記事が長くなった場合などに使用すれば便利かと。別ページに移動する必要もないのでスムーズに表示されます。Yahooニュースみたいな感じですね。
記事を折りたたむ JavaScript
概要 1つのウェブページ内に複数の記事をおく場合、長めの記事は適当なところで折りたたんでコンパクトに表示しておいたほうがスマートに見え、使い勝手がよくなる場合があります。ただし、短いバージョンと長いバージョンで html を分けてそれぞれ再読み込みさせるのではまどろっこしいので、もちろん JavaScript を使って記事の展開・圧縮を html の再読み込みなしで行いたいわけです。 記事の折りたたみには、流行の Ajax ライブラリを使うという手もあります。しかし、これだけの処理なら短い JavaScript で書けてしまいますので、ソッチの方がスマートではないでしょうか。ここに私が書いたスクリプトを公開しますので、ご自身の責任でご自由に使っていただいて結構です。著作権表示不要、改造・再配布自由です。 2007年8月7日 作成 記事を折りたたむ JavaScript のソースコード 下記
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/accordion_js
Loading...