Здравствуйте, есть список:
<div id='1' class='button_block'>Блок с новостями 1</div>
<div id='2' class='button_block'>Блок с новостями 2</div>
<div id='3' class='button_block'>Блок с новостями 2</div>
...
Нужно, чтобы при нажатии на каждый из них появлялось окно, открывается оно с помощью такого кода (я его тестировал, он работает):
$('.content').css("display","block");
А вот и блок который открывается:
<div id='news' class='content' style='display: none;'>
ТЕКСТ
</div>
Раньше, когда у меня был только один блок, который нужно было открывать, все работало хорошо. Теперь у меня несколько блоков, которые должны открываться при клике на свою ссылку.
Думал решить эту задачу таким путем, но не получается:
(Ошибика где-то в этом коде..)
<script>
$(document).ready(function(){
$(".button_block").click(function (){
var = idClick;
idClick = $(this).attr('id');
if(idClick == 1) $('#news').css("display","block");
if(idClick == 2) $('#chat').css("display","block");
});
});
</script>
<div id='news' class='content' style='display: none;'>
ТЕКСТ
</div>
<div id='chat' class='content' style='display: none;'>
ТЕКСТ
</div>
Помогите пожалуйста)