Javascript-форум - Нужна помощь! (события)

Ребята, помогите решить задачку. Есть блок с новостями и таких блоков (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");
   

} 


});

});