ShowMore.js

JavaScript

長いコンテンツを折りたためるjQueryプラグイン「ShowMore.js」

ShowMore.jsは長いコンテンツを折りたたんで表示・非表示を簡単に切り替えれる機能を実装するjQueryプラグインです。「続きを読む」や「More」といったボタンを設置できるイメージです。限りあるスペースを最大限に活用したい時なんかに便利ですね。

ShowMore.js

デモ

デモでは「SHOW MORE」「SHOW ME MORE」「SHOW ME MORE CONTENT」の3つのボタンが設置されています。各ボタンをクリックすると、その上にあるテキストコンテンツの続きがその場で表示されます。

スライドアニメーションで表示・非表示をサクサクと切り替えれるのがいいですね。表示するスペースの高さに制限をかけることで、より多様な情報をユーザーに見せたい場合に便利です。

セッティング面では、minheight、buttontxtmore、buttontxtless、buttoncss、animationspeedといったオプションが用意されています。アニメーションのスピード調節もオプションから手軽にできるので、ちょっとしたカスタマイズをしたい人にも嬉しい仕様ですね。

ShowMore.js

 

関連記事

  1. gridscrolling.js
  2. JavaScript

    とても簡単で軽量なjQueryスライダー「jQuery Slider²」を使ってみる

    とても簡単かつ軽量なjQueryのスライダー「jQuery Slide…

  3. jQuery Responsive Thumbnail Gallery Plugin

    JavaScript

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQuery Responsive T…

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQue…

  4. slider Menu

    JavaScript

    メニューリストをスライダーメニューにするjQueryプラグイン「slider Menu」

    slider Menuはメニューリストをスムーズにスライダーメニューに…

  5. Textillate.js

    JavaScript

    テキストに面白いCSS3アニメーションを加えることができるjQueryプラグイン「Textillat…

    指定したテキストに面白いCSS3アニメーションを加えることができるjQ…

  6. Tip

    JavaScript

    シンプルなUIで使いやすいツールチップ実装「Tip」

    TipはシンプルなUIによる使いやすいツールチップを実装することができ…

最近の記事

  1. s9+
  2. SRS-LSR200
  3. QC30
  4. リンツ リンドール

アーカイブ

PAGE TOP