liverpoodlian,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.myReview .reviewInfoBlock{
display: none;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var s = $(".myReview");
s.on('click','.itemNameBlock',function(event) {
if($(event.target).is('a')) return;
$(this).next(".reviewInfoBlock").slideToggle("slow");
return false;
});
});
</script>
</head>
<body> <div class="myReview">
<div class="itemNameBlock">
<p>
Отзыв о товаре <a href="http://javascript.ru/forum/" class="itemName" >@Model.itemName</a>
<span class="reviewDate">@Model.date.ToString("dd.MM.yyyy, H:mm")</span>
</p>
</div>
<div class="reviewInfoBlock">
<p><span class="advantage">Достоинства:</span> @Model.advantages</p>
<p><span class="disadvantage">Недостатки: </span>@Model.disadvantages</p>
<p>Комментарий: @Model.comment</p>
<p>Оценка: @Model.rate</p>
</div>
</div>
</body>
</html>