[JS]二列にしたり折りたたんだり、リストの表示を変更するスクリプト -Adaptable view

リストの表示をリアルタイムに、二列にしたり折りたたんだりと変更するスクリプトをJanko At Warp Speedから紹介します。

実装のイメージ図

Adaptable view - how do they do it?

デモでは、二列版と折りたたみ版の二つが公開されています。
表示切替は、黄色のアイコンです。

デモのキャプチャ

demo: 二列

デモのキャプチャ

demo: 折りたたみ

リストのカラーやサイズなどのデザインはスタイルシートで指定を行い、表示変更はjQueryをベースに下記のスクリプトを記述します。

二列版

折りたたみ版

sponsors

top of page

©2018 coliss