숨기기 HTML태그 도와주세요 ㅠ

아 길게 작성했는데 태그때문에 필터링걸려서 다 날라감 ㅠㅠ

지금 <head>에는

<script>

fun.ction display() {

div1.style.display = "none";

div2.style.display = "";

}

fun.ction display1() {

div1.style.display = "";

div2.style.display = "none";

}

</script>

<body>에는

<div id=div1>

<input type="button" value="닫기" on.click="display();" style="width: 40px" />

</div>

<div id=div2>

<input type="button" value="검색" on.click="display1();" style="width: 40px" />

</div>

로 작성되어있거든요.

그런데 디폴트값이 없어서 처음 실행하면 검색버튼이랑 닫기버튼 둘 다 나와요 ㅠ

처음엔 검색버튼만 나오게 하는 법 없을까요..