Fancy FAQs


Description: よくあるクリックで開閉するFAQを実装します。軽量でシンプルで使い勝手も良いです。ユーザーも探しやすく成りますね。
Sample: demo
Tutorial: Fancy FAQs with jQuery Sliders
License: -

Sample

質問1

質問1の解答がここに入ります

質問2

質問2の解答がここに入ります

質問3

質問3の解答がここに入ります

質問4

質問4の解答がここに入ります

質問5

質問5の解答がここに入ります

質問6

質問6の解答がここに入ります

Note

$(document).ready(function() {
		$('#faqs h4').each(function() {
			var tis = $(this), state = false, answer = tis.next('div').slideUp();
			tis.click(function() {
				state = !state;
				answer.slideToggle(state);
				tis.toggleClass('active',state);
			});
		});
	});

jQueryと上記の設定のみで動作します

Related snippet :

  • Description: iPod風のドリルダウンメニューを実装します。メニューのドロップダウンから、ページ推移なしでサイドにフライアウト。省スペースで大量のリンクメニューを ...
  • Description: マウスオーバーで可愛いアイコンが降り、離すと裏から戻る、というアニメーションのグローバルメニューです。ユニークでインパクト有ります。 Sa ...
  • Description: 画像をクリックするとフリップ(ひっくり返る)するコンテンツを実装するjQueryプラグインです。uiも必要となります。IE6ではフリップするとレイア ...
  • Description: 左のサムネイルにマウスオーバーするとアニメーションエフェクト付きで拡大、クリックすると右の大きな画像が切り替わる、というイメージギャラリーです。 ...
  • Description: 簡単なコードで実装できる開閉アコーディオンです。Toggleメソッドの基本的な使い方です。テキストをクリックすると隠れたコンテンツが表示されます。 ...
  • Description: シンプルなヘルプコンテンツです。クリックすると隠されていたテキストが表示される仕組み。デモでIE8で表示されていませんが、IE6、7では問題ないので ...
  • Description: アニメーションしながら縦に開閉するアコーディオン式のパネルです。弾むようなエフェクトが可愛いですね。他のパネルを開くと元々開いていたパネルは閉じられ ...