掲示板/JavaScript質問板/過去ログ/一覧/ 文章の「続きを隠す」スクリプトについて

0 名前： のんの ： 2007/03/09（金） 16:21 ID:JZu0gGnh sub-Q5: ディフォルトで折りたたまれた状態→残りを開く　スクリプトサンプルはあっても、
ディフォルトで開いた状態→読み終わったら残りを折りたたむサンプルが、見つかりません。

以下の「折りたたみ」スクリプトだと、どこを改変すればよいでしょうか？
(または新しくスクリプトを用意すべきでしょうか？)
アドバイスいただければ幸いです。

------------------------------------------
折りたたむスクリプト部分

function show(inputData) {
var objID=document.getElementById( "layer_" + inputData );
var buttonID=document.getElementById( "category_" + inputData );
if(objID.className=='close') {
objID.style.display='block';
objID.className='open';
}else{
objID.style.display='none';
objID.className='close';
}
}
------------------------------------------

本文・その1<br>
<div id="layer_1" style="display: none;position:relative;" class="close">
本文・その2<br>
<a href="javascript:void(0)" id="category_1" onClick="show('1');">折りたたむ</a>

------------------------------------------

現状では、「折りたたむ」をクリックすることで、「その2」が表示される形式です。

上記を、ディフォルトでは「本文・その1」「その2」ともに表示されていて、
「折りたたむ」部分をクリックすることで、「本文・その2」が隠れるようにしたいのです。

どうぞよろしくお願いします。

1 名前：元帥： 2007/03/09（金） 16:21 ［URL］ ID:MKHpfwWY sub-bK

# スクリプトの提供元に尋ねてみては？
# わざわざ配布するくらいですから、要望もある程度は聞き入れてくれると思いますし。
# でもまぁそれはいいでしょう。

鍵はこの一行です。

<div id="layer_1" style="display: none;position:relative;" class="close">

class属性の値でチェックをしているようなので、closeをopenに変更すれば良いでしょう。

最初から表示させるためにはdisplayの値をblockにでも変更して下さい。
http://www.tagindex.com/stylesheet/box/display.html

# あまり褒められたサンプルではないような気もします。
# デフォルトで非表示の場合、スクリプトOFFの場合ですと、本文を読めません。
# 表示の切り替えは、displayプロパティの値を見ればよいものを、わざわざclass属性を使う事もないと思いますし。

2 名前： のんの ： 2007/03/09（金） 16:21 ID:JZu0gGnh sub-Q5: ありがとうございます。無事に解決しました。
ちなみにそのスクリプトは、以前こちらの掲示板で教えていただいたものなのです。
もっとよいものがあるかもしれませんので、考えてみます。
ありがとうございました！

3 名前：匿名： 2007/03/09（金） 16:21 ID:Z/T9lFdK sub-kJ: > そのスクリプトは、以前こちらの掲示板で教えていただいたものなのです

嘘でしょ。全然別物だよ。
http://www.tagindex.com/cgi-lib/q4bbs/patio.cgi?mode=view2&f=963&no=2

何で >>0 みたいにしてしまったのだろう。