動かせるテーブル。タイトルのみで開閉

質問

文字クリックで文章や画像が出現するタグを探しています。
「開く」と「閉じる」の文字が別になっているものではなく、タイトルの一文で開閉両方ともできるものです。
それと、ページの中で同じように開閉できるテーブルを複数置きたい場合はどうすればいいでしょうか？
よろしくお願いします。

回答No.1

foreach

JavaScriptを使います。JavaScriptがサッパリ分からないと難しいかもですが、ちょっとでも分かれば比較的簡単な実装です。

開いた状態のHTMLをDIVタグで囲みユニークIDを割り当てます。
JavaScriptでstyle.displayをblockにしたら表示（開く）。noneにしたら非表示（閉じる）になります。
開いたり閉じたりを繰り返したいならば、状態を確認してトグルしたら良いだけです。

複数設置したいならそれぞれ個別のIDを割り当ててJSを汎用的なサブルーチンにするなりで制御すれば宜しいかと。

参考URLに具体例が書いてます。まずは動かして参考にされてみてはいかがでしょうか。

参考URL：

http://www.tuyudaku.net/javascript/popup.html