今回はWeb制作におけるアコーディオンに関する内容です。ボタンを押す度に中身が開いていく多段アコーディオンを実装する方法についてご紹介します。アコーディオンの下部にあるボタンを押していくと中身が展開する仕組みはありそうで、ないのではないかと思います。コーディングテクニックの使いどころページ内で非常に多くのテキストがある時などに「続きを読むボタン」として機能させると効果的です。スキルコーディングとjQueryの基礎的な知識があれば実務未経験のコーダー、マークアップエンジニア、Webデザイナー、エンジニア、副業の初心者など誰でも実装可能です。実装に必要なスクリプトはたったのこれだけです。});});実装のポイント現在制作中。閉じた時はheight0。【CSS】画像のビフォアーアフター切り替えで便利なクロスフェードの実装方法この記事を書いた人(著者情報)片山カタチップ編集長。昭和生まれの30代でWeb業界歴は10年以上。現在はカタチップを運用しつつ事業会社でWEBメディアサイトのWebディレクター兼マークアップエンジニアを担当。最近はSNSの運用にも業務範囲を拡大中です。職業:事業会社でWEBメディアサイトのディレクターをやっています。コーディングも程よくやるタイプのディレクターです。