Привязка к div не работает в области формы

Question

У меня есть область изображения карты, такая как:

 <area shape="circle" coords="60,59,20"  href="#div1" item="list1">

И я использую следующую функцию, чтобы показать / скрыть мой div:

<!-- jQuery Plugin -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$('[item]').click(function(){
    var item=$(this).attr('item');
    $(".display").hide();
    $("#"+item).show();
    return false;
});
</script> 

А в организме у меня

<div id="list1" style="display:none;">Test</div>

Я нажимаю на карту области, и div показывает правильно, но привязка к div не работает. Зачем? Спасибо

Answer 1

Добавить a элемент с атрибутом name="div1" до вашего div:

<a name="div1"></a>
<div id="list1" style="display:none;">Test</div>

Вот как работает якорь, пример:

<a href="#anyword">Jump to any place</a>
...
<a name="anyword">Jump to this place</a>