1이란 버튼을 클릭하면 1버튼에 대한 내용이 보여주고, 2라는 메뉴 클릭시 1내용을 숨기고, 2에 대한 내용을 보여주는 형식입니다.

아래소스는 버튼이 3개일때 입니다.

<script type="text/javascript">

function newsViewer(strValue)

{

var newsLayer1 = document.getElementById('news_1');

var newsLayer2 = document.getElementById('news_2');

var newsLayer3 = document.getElementById('news_3');

if (strValue == "2") {

newsLayer1.style.display = "none";

newsLayer2.style.display = "block";

newsLayer3.style.display = "none";

}

else if (strValue == "3") {

newsLayer1.style.display = "none";

newsLayer2.style.display = "none";

newsLayer3.style.display = "block";

}

else {

newsLayer1.style.display = "block";

newsLayer2.style.display = "none";

newsLayer3.style.display = "none";

}

}

</script>

<a href="javascript:newsViewer(1)">버튼1</a>

<div id="news_1">

버튼1 클릭시 보여질 내용

</div>

<a href="javascript:newsViewer(2)">버튼2</a>

<div id="news_2">

버튼2 클릭시 보여질 내용

</div>

<a href="javascript:newsViewer(3)">버튼3</a>

<div id="news_3">

버튼3 클릭시 보여질 내용

</div>