スタイルシートでクリックした項目を表示したり消したりするには

[上に] [前に] [次に]
しょう [E-Mail] 1999/06/21(月) 16:26:26
スタイルシートを使って折りたたむように項目を作り、クリックすることによりその項目の表示・非表示を切り替える方法を教えてください。
・スタイルシートはHTMLファイルへの直接書き込みです。
・本を参考にしましたがうまくできません(下記参照)
<A HREF=# onClick="aoki.style.display='none'==aoki.style.display?":'none'">一滴の情報</A>
<P ID="aoki" STYLE="display:none">
一滴の情報に反応し、お客様に最適なソリューションをハイスピードで実行します。</P>

Tmb 1999/06/21(月) 17:05:44
もしかして二項演算子の?の後が”(ダブルクォーテーション)になってませんか?
だとしたら明らかに間違いで,少なくとも’’(シングルクォーテーション2つ)に
する必要があります。
でもdisplay=''にして正常に動作するんですかね?
#'block'か'inline',この場合は前者にするべきでは?

それといくら演算順から言って動作するといって括弧をまったく付けてないのは
どうかと (--; スタイルの問題と言えばそれまでですが,人に見せる場合はちょっと
問題になるような気がします。
#最初,何をやってるのか訳がわからなかった。

Tmb 1999/06/21(月) 18:12:46
追加
onClick="・・・"の最後にreturn falseを付けましょう。

<A href="#" onClick="aoki.style.display=(aoki.style.display=='none')?'block':'none'; return false;">
でどうですか?
#動作未確認

yasu [HomePage] 1999/06/21(月) 21:41:04
> でもdisplay=''にして正常に動作するんですかね?
> #'block'か'inline',この場合は前者にするべきでは?
あるDHTMLの雑誌や、マイク○ソフト(笑)のHPでは、
display=''で消してましたよ。
(IEで確認)

しょう [E-Mail] 1999/06/22(火) 08:30:12
[[解決]]
ありがとうございました。無事解決いたしました。
本に書いてあることの受け売りではだめですね(^^ゞ
これからも努力します。

[上に] [前に] [次に]