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

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

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

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

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

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

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

No.2 回答者： tkmojo 回答日時： 2013/10/16 12:44

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

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

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

No.1 回答者： shockatz 回答日時： 2013/10/12 09:41

ソースにはこう書いてあるね。

クリックされた要素をtoggleClassして、隣接要素をslideToggleしている。
もちろん、jQueryの基本的な機能です。

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