Mostrar e ocultar itens de uma lista ordenada e mudar texto de h1 (JS)

Olá, preciso de uma ajuda. Estou desenvolvendo um portal imobiliário. Tenho na home uma seleção dinâmica de imóveis por cidade. Tenho um título. Preciso mudar esse título toda vez que clicar numa cidade diferente.

Problema 1:

<h1>Cidade em destaque: São Paulo</h1>. Esta cidade é default. Já tenho o arquivo JS. Falta agora implementar.

JS: (alterna_cidade.js)

function OpenSel(op) {

if (op == 1) {
document.getElementById('blocoSaoPaulo').style.display="block";
document.getElementById('blocoSalvador').style.display="none";
document.getElementById('RiodeJaneiro').style.display="none";

}else if (op == 2) {
document.getElementById('blocoSaoPaulo').style.display="none";
document.getElementById('blocoSalvador').style.display="block";
document.getElementById('RiodeJaneiro').style.display="none";

}else {

document.getElementById('blocoSaoPaulo').style.display="none";
document.getElementById('blocoSalvador').style.display="none";
document.getElementById('RiodeJaneiro').style.display="block";

}
}

home_destaque.php

<!--HOME destaque-->

 <div id="home_destaque" >
 <div id="destaque">

 <h1>Cidade em destaque: São Paulo</h1> // Aqui será mudada a cidade de acordo com a cidade selecionada

 <h2><a href="#" id="mostrar">[Mais cidades]</a></h2>

 <div id="cidades"><h3><strong> <a style="cursor:pointer;" onclick="OpenSel(1);">São Paulo</a>

 <a style="cursor:pointer;" onclick="OpenSel(2)">Salvador</a> <a href="#">Rio de Janeiro</a> <a href="#">Curitiba</a><a href="#"> Belo Horizonte</a> <a href="#">Brasília</a><a href="#"> Recife</a> <a href="#">Fortaleza</a><a href="#"> Porto Alegre </a><a href="#">Florianópolis</a> </strong></h3></div>

 <?php include"Bloco_SaoPaulo.php";?>
 <?php include"Bloco_Salvador.php";?>

 </div><!--destaque-->
 </div><!--home navegar filtro-->

___x___

Problema 2

Preciso mostrar a descrição (div) toda vez que clicar no link visualizar descrição.

JS (descricao.js)

 $(document).ready(function(){
 $('#descricao h1').hide();

 $('#mostrar').click(function(event){
 event.preventDefault();
 $("#descricao h1").show();
 });

});

func_cidades.php

echo'<div id="descricao"><h1 id="mostrar">'. $descricao . '</h1></div>';

O problema é que está numa li. Cada imóvel é um item de lista odernada. Eu quero que toda vez que clicar no link visualizar descrição exiba apenas a descrição daquele item. Todos a princípio devem estar ocultos.

Por favor, deem-me uma ajuda!

Aguardo um help. Obrigada a todos. Bom dia.