ベストアンサー

折りたたみ表示について

2008/10/02 12:14

初めて、ご質問させていただきます。現在自分の会社のホームページを作成しています。全くわからない訳ではないのですが、少し難しいことに挑戦しようとすると手がとまり苦戦しているような状況です。どうかお力を貸してください。現在制作しているページにはトップページに新着情報欄があります。ここには常時25件ほどの新着情報を掲載する予定です。（これだけあるのもおかしいのですが新しい情報を日々3件ずつ程度掲載するので自然と多くなります）しかし、見た目にも非常に不細工ですし「正直だれが見るの？」というのがあります。しかし社長の意向でどうしても掲載したいというので、25件のうち10件は表示して、続きを表示するというのをクリックすると、枠が下に広がり全てが表示するような仕様にしたいと考えております。こんなことは可能なのでしょうか？どなたかお教えくださいせんでしょうか。よろしくお願いします。

dcfc_08
お礼率46% (34/73)

HTML
回答数2
ありがとう数4

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

momora365
ベストアンサー率100% (2/2)

2008/10/02 12:43 回答No.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>

質問者