<body>
<div class="wrapper">
<div class="block one">
<div class="block__item">
<div class="block__title">Title 1</div>
<div class="block__text">
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Corrupti tempora quas officia ex eius sequi praesentium
provident ipsa voluptates, delectus et quia incidunt eos dicta,
itaque cupiditate animi unde consequuntur?
</div>
</div>
<div class="block__item">
<div class="block__title">Title 2</div>
<div class="block__text">
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Corrupti tempora quas officia ex eius sequi praesentium
provident ipsa voluptates, delectus et quia incidunt eos dicta,
itaque cupiditate animi unde consequuntur?
</div>
</div>
<div class="block__item">
<div class="block__title">Title 3</div>
<div class="block__text">
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Corrupti tempora quas officia ex eius sequi praesentium
provident ipsa voluptates, delectus et quia incidunt eos dicta,
itaque cupiditate animi unde consequuntur?
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="js/script.js"></script>
</body>
$(document).ready(function () {
$('.block__title').click(function () {
if ($('.block').hasClass('one')) {
$('.block__title').not($(this)).removeClass('active');
$('.block__text').not($(this)).next().slideUp(300);
}
$(this).toggleClass('active').next().slideToggle(300);
});
});
