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. no-image

    JavaScript

    続きを読むボタンを実装できる「ReadMorePlugin」

    ReadMorePluginは「続きを読む」、「もっと読む」、「Rea…

  2. no-image

    JavaScript

    スワイプでのスライドもできるシンプルなスライダー「jquery-slide」

    jquery-slideはスワイプでのスライドにも対応したシンプルなス…

  3. SweetAlert
  4. Reshader

    JavaScript

    カラーの濃淡を得ることができるJavaScriptライブラリ「Reshader」

    Reshaderは、カラーの濃淡を得ることができる便利なJavaScr…

  5. Guardian

    JavaScript

    フォームにバリデーションを実装できるjQueryプラグイン「Guardian」

    Guardianはフォームにバリデーション機能を実装することができるj…

最近の記事

  1. KPS-88
  2. Happy Plugs AIR1
  3. cheero Stream 10000mAh
  4. BOSE HOME SPEAKER 300
  5. RP-PC112

アーカイブ

PAGE TOP