.navigation {
border:2px solid #000000;
border-radius:3px;
color: #ffffff;
-webkit-transition: 1s;
padding:2px;
}
<a class="navigation" onClick="document.getElementById('content').innerHTML=document .getElementById ('one') .innerHTML" >Page 1</a><br>
<a class="navigation" onClick="document.getElementById('content').innerHTML=document .getElementById ('two') .innerHTML" >Page 2</a><br>
<a class="navigation" onClick="document.getElementById('content').innerHTML=document .getElementById ('three').innerHTML" >Page 3</a><br>
<div id="3" style="display: none;">
SUGA
|
J-HOPE
|
SEOKJIN
|
JUNGKOOK
|
SOOYOUNG
|
.navigation {
border:2px solid #000000;
border-radius:3px;
color: #ffffff;
-webkit-transition: 1s;
padding:2px;
}
<a class="navigation" onClick="document.getElementById('content').innerHTML=document .getElementById ('one') .innerHTML" >Page 1</a><br>
<a class="navigation" onClick="document.getElementById('content').innerHTML=document .getElementById ('two') .innerHTML" >Page 2</a><br>
<a class="navigation" onClick="document.getElementById('content').innerHTML=document .getElementById ('three').innerHTML" >Page 3</a><br>
<div id="3" style="display: none;">