Здравствуйте!
Помогите с задачей. В javascript не силен, а сделать надо.
Я делаю слайдер на базе map area. по клику на разные области у меня меняются изображения.
Мне так же надо, что бы при клие на определенную area появлялся блок с описанием и когда я буду кликать на другую area первый блок закрывался, а нужный открывался.
Все перелопатил ничего не могу понять)))
Вот мой html:
<map name="slider">
<area id="area1" name="redpepper" shape="poly" href="#" coords="570,132"/>
<area id="area2" name="celery" shape="poly" href="#" coords="529,70"/>
</map>
и вот два скрытых блока
<div id="text-area1">Какой то текст</div>
<div id="text-area2">Какой то текст</div>
Я попробовал, некоторые варианты, которые советовали alvoro и KARTOH но не работает. Точнее работает, блок показывает, но прятать его при клике по другой area не хочет. Вот я попробовал код который KARTOH дал
<script>
$(document).ready(function () {
$('#area2').click(function (event) {
event.preventDefault()
$('#text-area1').toggle();
});
});
</script>
Этот код показывает скрытый блок, но когда я кликаю по другой area блок не скрывается.