Tenho um mapa do Brasil, num SVG, onde gostaria de apresentar uma div
junto de cada estado quando se clica no mesmo.
Consegui trabalhar a mudança de cor com hover
usando o ID
de cada estado do Brasil:
function highlight_map_states(){
if($(".states_section").length>0){
$(".states_section .list_states .item .link").hover(function(){
var a="#state_"+$(this).text().toLowerCase();
$(a).attr("class","state hover")
},function(){
var a="#state_"+$(this).text().toLowerCase();
$(a).attr("class","state")
})
}
};
Como faço para ter um clique em cada estado a fazer aparecer uma div
?
Nota: Não dá para colocar todo o código aqui porque a pergunta tem um tamanho máximo de caracteres, mas fica uma demo no Codepen.