Clicar em link (Estado) e exibir suas cidades

Olá pessoal, tenho uma atividade onde preciso listar os Estados brasileiros, um abaixo do outro.

Cada estado irá ser um link, que, quando clicado, deve exibir suas respectivas cidades abaixo do nome do Estado clicado!

Do jeito que está abaixo, eu consigo listar os estados, mas quando eu clico em qualquer um dos links ele me traz a primeira cidade de Alagoas(que é meu primeiro estado na tabela) para qualquer estado que eu clique.

<script>
 function Oculta(estado){
 if (document.getElementById(estado).style.display=='none'){
 document.getElementById(estado).style.display='block';
 //alert(estado);
 }else{
 document.getElementById(estado).style.display='none';
 }
 }
</script>

<?php
include 'dbconexaooracle.php';

$sql = oci_parse($ora_conexao, "SELECT nome_estado from estados");

$rs = oci_execute($sql);

while ($row = oci_fetch_array($sql, OCI_BOTH)) {

 $nome_estado = $row[0];
 ?>
 <a href="javascript:Oculta('<?php print $nome_estado ?>');" style="text-decoration: none;" name="estado" ><?php echo $nome_estado ?><br></a>

 <?php
 $sql2 = oci_parse($ora_conexao, "SELECT nome_cidade from cidades");
 $rs2 = oci_execute($sql2);

 while ($row = oci_fetch_array($sql2, OCI_BOTH)) {
 $nome_cidade = $row[0];
 ?>
 <div id="<?php print $nome_estado ?>" style="display: none;">
 <?php echo $nome_cidades?><br>
 </div>
 <?php
 }
}

?>