- ベストアンサー
折りたたみ表示について
初めて、ご質問させていただきます。 現在自分の会社のホームページを作成しています。 全くわからない訳ではないのですが、少し難しいことに挑戦しようとすると 手がとまり苦戦しているような状況です。 どうかお力を貸してください。 現在制作しているページにはトップページに新着情報欄があります。 ここには常時25件ほどの新着情報を掲載する予定です。（これだけあるのもおかしいのですが新しい情報を日々3件ずつ程度掲載するので自然と多くなります） しかし、見た目にも非常に不細工ですし「正直だれが見るの？」というのがあります。 しかし社長の意向でどうしても掲載したいというので、25件のうち10件は表示して、続きを表示するというのをクリックすると、枠が下に広がり全てが表示するような仕様にしたいと考えております。 こんなことは可能なのでしょうか？ どなたかお教えくださいせんでしょうか。 よろしくお願いします。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
以下のような感じで実現できると思います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <SCRIPT type="text/javascript"> function toggle (targetId) { if ( document.getElementById ) { target = document.getElementById ( targetId ); if ( target.style.display == "none" ) { target.style.display = "block"; }else{ target.style.display = "none"; } } } </script> </head> <body> <a href="" onclick="toggle('news');return false;">続きを表示する</a> <div id="news" style="display: none;"> 2008-10-10 / ○○○○○株式会社のニュースです。<br /> 2008-10-10 / ○○○○○株式会社のニュースです。<br /> 2008-10-10 / ○○○○○株式会社のニュースです。<br /> 2008-10-10 / ○○○○○株式会社のニュースです。<br /> </div> </body> </html>
その他の回答 (1)
- UmJammer
- ベストアンサー率58% (115/196)
参考になるかもしれません。 http://html.appelle.jp/2006/03/post_95.html
お礼
UmJammer様 ありがとうございます！！ 参考にお書きいただいたサイトは、いろいろな情報が記載されており 今後も参考にさせて頂きます！ 本当にありがとうございました！！！！
お礼
momora365様 ソースコードまで、記述いただき大変ありがとうございます！！ 早速試すと、表示非表示がきれいにいきました！！！ 本当にありがとうございます！！！！！！