[Slipknot]

Всем привет, использую скрипт, с которым думаю многие сталкивались:

<script type='text/javascript' src='jquery-1.6.4.js'></script>
<script type="text/javascript">
$(document).ready(function(){

	$(".mapmenu a").hover(function() {
		$(this).next("em").stop(true,true)
                          .animate({opacity: "show", top: "85"}, "slow");

	}, function() {
		$(this).next("em").stop(true,true)
                          .animate({opacity: "hide", top: "75"}, "fast");
	});

});
</script>

Делаю карту, мини-конками на ней ссылки, которые открывают свой спрятанный контент под картой, не переходя на другую страницу.
При возекании мышкой показывает и скрывает <em>Название города</em> как и задумано в скрипте выше.
Хочется дополнить, чтобы можно было кликать по этим ссылкам и видеть <em>Название города</em> и чтобы это название оставалось до следующего клика.
Дополнял код этим:

$(".mapmenu a").click(function() {
		$(this).next("em").stop(true,true)
                          .animate({opacity: "hide", top: "75"}, "fast");
		$(this).next("em").stop(true,true)
                          .animate({opacity: "show", top: "85"}, "slow");
	});

но нужного результат нет. Догадываюсь, что необходима проверка условий, но реализовать не получается.
Буду очень благодарен, если наглядно поможите разобраться в вопросе!

http://malesya.ru/rusenefz/?page_id=506 здесь видно, как провожу эксперементы.