Как выбрать конкретный элемент из нескольких динамически созданных с одинаковым классом jQuery?

Есть 2-3 идентичных блока с кнопками в них. Эти блоки созданы динамически. Каждый блок разделен еще на два блока: блок с кнопками и блок с которым эти кнопки взаимодействуют. Как именно наладить это взаимодействие?

Пока у меня получается так, что при клике на кнопку на одном блоке, происходят действия на всех сразу.

.turn_task - кнопка .task_text - блок, с которым она должна взаимодействовать

function turnTask(turn) {
        turn.slideToggle('slow');
    }

    $('body').on('click', '.turn_task', function() {
        let turn = $('.task_text');

        turnTask(turn);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="task_item">
         

<div class="name_block"> 
                <div class="task_name">${name}</div>
                <button class="turn_task"></button>
                <button class="close_task"></button>
            </div> 
            <div class="task_text">${text}</div>
        </div>        


Ответы (0 шт):