電子書籍の厳選無料作品が豊富!

検索フォームを作っています。そこで基本的な検索条件は普通に表示しておいて、より細かい検索条件は普段は見えないようにしておいて「開く」などのボタンを押すと、基本条件の下に出てくるようにしたいのですが、なにかフリーのjavascriptをご存知ないですか?よろしくお願いいたします。

A 回答 (1件)

<html>


<head>
<style type="text/css">
<!--
#defhidden{
display:none;
}
-->
</style>
<script type="text/javascript">
<!--
function open2close(changeid1,changeid2){
if(document.getElementById){
var obj1 = document.getElementById(changeid1);
obj1.style.display = "block";
var obj2 = document.getElementById(changeid2);
obj2.style.display = "none";
}
}
//-->
</script>
</head>
<body>
<form action="****">
通常の検索
<div id="defhidden">
細かい検索条件<br>
<input type="button" value="閉じる" onClick="open2close('defopen','defhidden')">
</div>
<div id="defopen">
<input type="button" value="開く" onClick="open2close('defhidden','defopen')">
</div>
</form>
</body>
</html>

↑こういう感じでどうでしょう?
    • good
    • 0
この回答へのお礼

どうもありがとうございました。ほぼ思ったとおりのものができそうです。

お礼日時:2004/10/17 23:57

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!