Ребята, помогите решить задачку. Есть блок с новостями и таких блоков (N) количество. Нужно чтобы в каждом блоке по клику происходило раскрытие блока с инфой. Классы у всех блоков одинаковые и чтоб событие происходило на выбранном блоке а не у всех одновременно.
Поправьте JS пожалуйста.
<div class="news">
<h2>Заголовок</h2>
<div class="hd1"><span class="text">Читать дальше</span></div>
<div class="desc">
Какой-то текст...
</div>
<div class="text_common">Скрыть</div>
</div>
jQuery(document).ready(function($) {
var theClick = true;
$(".hd").click(function() {
if (theClick == true) {
$(".desc").css("display", "block");
//$(".description").css("opacity", "1");
$(".text_common").css("display", "block");
$(".text_common").css("opacity", "1");
$(".desc").animate({
opacity: 1,
}, 1500 );
}
});
});
jQuery(document).ready(function($) {
var theClick = true;
$(".text_common").click(function() {
if (theClick == true) {
$(".desc").css("display", "none");
$(".text_common").css("display", "none");
}
});
});