jQueryとCSSでページ内要素の表示・非表示を簡単に管理

jQueryのHTMLを操作する命令 addClass() removeClass() を利用し、
CSSの display : none を含むclassを追加・削除することで、任意のコンテンツの表示と非表示とを切り替えます。

↓以下が実際のソースサンプルです。

▼JavaScript



▼CSS


▼HTML

デモページは、こちら