js ile açıklamalı link sistemi yapmak

<style>

.link  

{  

    text-decoration: none;

    color: #fff;

    background-color: #00a8b1;

    padding: 5px;

    font-size: 16px;

    font-family: tahoma;

    border-radius: 5px;

    border: 0px solid;

    margin: 2px;

}

.city

{

    font-size: 16px;

    font-family: tahoma;

    width: 95%;

    padding: 10px;

    background-color: #fdff9b;

    float: left;

    margin-top:10px;

} 

</style>

<div style="width: 96%; float:left;">

<button onclick="openCity('menu1')" class="link">menu1</button>

<button onclick="openCity('menu2')" class="link">menu2</button>

<button onclick="openCity('menu3')" class="link">menu3</button>

</div>

<div id="menu1" class="city" style="display:none">

<b>Otosurf Altın Kazan</b><br>

Otosurf ile youtube, youtube shorts, tiktok videoları ve web sitelerini gezerek sistem birimi olan <b>Altın</b> kazanabilirsiniz.

</div>

<div id="menu2" class="city" style="display:none">

<b>Manuel Altın Kazan</b><br>

Web sitelerini manuel gezerek altın kazanın.

</div>

<div id="menu3" class="city" style="display:none">

<b>Elmas Satın Al</b><br>

Sıralamada ilk önce çıkmak için Elmas satın alabilirsiniz.

</div>

<script>

function openCity(cityName) {

  var i;

  var x = document.getElementsByClassName("city");

  for (i = 0; i < x.length; i++) {

    x[i].style.display = "none";  

  }

  document.getElementById(cityName).style.display = "block";  

}

</script>