このサイトの動きJquery？どうすれば出来る？

質問

http://www.nanaco-net.jp/faq/faq_nanaco.html

上記サイトの、「nanacoとは何ですか？　↓（オレンジ色）」

のオレンジ色↓をクリックすると、枠が下に広がり情報が表示されます。

このような動きは、どのようなもので実装されているのでしょうか？

方法・サンプル情報等ありましたら、教えてください。

どうぞよろしくお願いします。

回答No.2

tkmojo

公開・配布されているものも結構あります。

http://web-pc.net/jquery010
http://kachibito.net/snippets/open-slide-panel

このあたりをちょっといじれば使えると思います。

回答No.1

shockatz

ソースにはこう書いてあるね。
クリックされた要素をtoggleClassして、隣接要素をslideToggleしている。
もちろん、jQueryの基本的な機能です。

/* FAQ 単体での開閉動作 */
$('#faqContents div.question').click(function () {
$(this).toggleClass('open');
$(this).next('div.answer').slideToggle('fast');
});