Tengo un mapa de imágenes y me gustaría poder mostrar / ocultar un div en función del elemento del mapa de imágenes en el que hago clic.

html ...

<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/94/U.S._Territorial_Acquisitions.png/320px-U.S._Territorial_Acquisitions.png" alt="" usemap="#texasMap"/>

<map id="texasMap" name="Texas">
    <area shape="circle" coords="135,150,45" href="#" alt="" item="texas"/>
</map> 

<div id="texas">You clicked the Republic of Texas!</div>

jquery hasta ahora ...

$("#texas").hide();

$("???").click(function(){
    $("#texas").show();
}

Estoy pensando que me gustaría tomar la etiqueta "item" del mapa, o algo similar, y usarla para saber qué div mostrar. Sin embargo, no estoy seguro de cómo hacer esa llamada. Además, ni siquiera estoy seguro de si esta es la mejor manera de hacerlo, por lo que cualquier sugerencia sería apreciada.

Aquí estáun violín!

¡¡¡Gracias!!!