on:2012年11月26日sponsorsjQueryを使って、FAQのAnswerをフェードで表示・非表示を切り替えるコンテンツをシンプルなコードで実装するチュートリアルを紹介します。jQueryデモ実装デモFAQのデザインは、非常にシンプルです。エフェクトはCSSに依存していないため、自由にデザインを変更して利用できます。デモページQuestionをホバーすると、ラインが表示され、Questionホバー時クリックすると、フェードでAnswerが表示されます。外部ファイル「jquery.js」を外部ファイルとして記述します。HTML質問はh3要素、回答はp要素で実装し、div要素で内包します。CSSまずは、ベースとなるテキストのスタイルから。続いて、FAQの主要となるラッパーのdiv要素、質問と回答をスタイルします。none;」で非表示にしておきます。JavaScript最後に、jQueryと数行のコードを使って、フェードで開閉するエフェクトを記述します。Posts関連記事が見つかりませんでした。