無料配布素材

「FAQ」「Q&A」に最適なアコーディオンメニュー(無料素材)をJavaScriptとCSSベースで実装

こちらでご紹介します「FAQ」「Q&A」に最適なアコーディオンメニュー(無料素材)は、JavaScriptとCSSベースで初心者でも簡単で、しかも商用可能な無料素材を選別し紹介しています。素材の提供元は、複数人のソフトウエア開発者がコードを公開するプラットフォームサイト「GitHub(ギットハブ)」からの素材です。

javascript & CSS 超シンプル スライディング アコーディオン【Accordion.js】

accordion_jsjavascript & CSS 超シンプル スライディング アコーディオン
著者michu2k
デモページデモ
詳細ページ設置方法
公式ページDownload
ライセンスMIT

アコーディオンメニュー内にアコーディオン【handy-collapse.js】

handy-collapse
著者sk-rt
デモページデモ
詳細ページ設置方法
公式ページDownload
ライセンスMIT

JavaScriptでスムーズなコンテンツ切り替えプラグイン デモ【collapsible.js】

collapsible
著者Murtada al Mousawy
デモページデモ
詳細ページ設置方法
公式ページDownload
ライセンスMIT

JavaScriptのモダンで滑らかな展開型アコーディオン【accordion-init】

accordion-init
著者denizhacisalihoglu
デモページデモ
詳細ページ設置方法
公式ページDownload
ライセンスMIT

滑らかな垂直アコーディオン パネル【Accordion Panel】

滑らかな垂直アコーディオンパネル
著者benbowes
デモページデモ
詳細ページ設置方法
公式ページDownload
ライセンスMIT

水平 垂直タブをアコーディオンに最適化する軽量のjQueryプラグイン【Easy Responsivee Tabst To Accordion】

easy-responsive-tabs-to-accordion
著者Samson Onna
デモページデモ
詳細ページ設置方法
公式ページDownload
ライセンスMIT

CSS + HTML だけのアコーディオン(Accordion)メニュー 3タイプ

CSS + HTML だけのアコーディオン
デモページCSS Accordion タイプ1 デモ
デモページCSS Accordion タイプ2 デモ
デモページCSS Accordion タイプ3 デモ
詳細ページ設置方法
ライセンスMIT

関連記事

最近の記事

  1. 解体業がホームページで集客に成功する8つの秘訣

  2. BingのAIチャットとは?メリットや注意点を初心者向けに解説

  3. GoogleのAI「Bard(バード)」とは?日本語版公開は?初心者向け解説

  4. AIチャットボット「ChatGPT」とは?使い方・注意点を初心者向けに解説

  5. AI文章作成サービスってどう?マーケティングでのメリット・デメリット

TOP