Здравствуйте уважаемые знатоки.
Помогите новичку. В чем вопрос.
Есть 3 блока с одинаковым содержимым и одинаковыми классами.
Надо применить функцию к элементу блока так, что бы функция была применена только внутри блока.
Надеюсь я понятно изъясняюсь.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="row">
<div class="reviews__text ">
<p class="reviews__text_ease">
ТЕКСТ...
</p>
<p class="reviews__text_more">
Больше текста
</p>
<a href="#" class="show-reviews">
читать полностью
</a>
</div>
<div class="reviews__text ">
<p class="reviews__text_ease">
ТЕКСТ...
</p>
<p class="reviews__text_more">
Больше текста
</p>
<a href="#" class="show-reviews">
читать полностью
</a>
</div>
<div class="reviews__text ">
<p class="reviews__text_ease">
ТЕКСТ...
</p>
<p class="reviews__text_more">
Больше текста
</p>
<a href="#" class="show-reviews">
читать полностью
</a>
</div>
</div>
</body>
</html><code lang="javascript">
$(function () {
$(".show-reviews").click(function (event) {
event.preventDefault();
$(this).text($(".reviews__text_more")
.is(':visible') ? 'читать полностью' : 'cкрыть');
$(".reviews__text_more").slideToggle("slow");
});
});
</code>
