Показать сообщение отдельно
  #3 (permalink)  
Старый 25.02.2020, 13:25
Новичок на форуме
Отправить личное сообщение для kirop Посмотреть профиль Найти все сообщения от kirop
 
Регистрация: 23.02.2020
Сообщений: 2

$(document).ready(function () {

    function addTask() {

        let name = $('input').val(),
            text = $('textarea').val();

        if (name.length !== 0 && text.length !== 0) {
            $('.list_txt').hide();

            $('.list').append(
                `<div class="addtask">
                    <div class = "task">${name}
                    <button class ="delete"></button>
                    <button class="cut_down"></button>
                    </div>
                    <div class ="disc">${text}</div>
                </div>`
            );
            name = $('input').val('');
            text = $('textarea').val('');
        } else {
            alert('Введите данные!');
        }
    }

    function deleteTask(item) {
        item.remove();
    }

    function slideTask(slide) {
        slide.slideToggle();
    }

    $('.button').on('click', addTask);


    $('body').on('click', '.cut_down', function () {

        let slide = $(this).parents.('.task').next();//


        slideTask(slide);

        //$('.disc').slideToggle();
    });

    $('body').on('click', '.delete', function (e) {
        e.preventDefault();

        let item = $(this).parents('.addtask');

        deleteTask(item);

        let tasks = $('.addtask');

        if (tasks.length == 0) {
            $('.list_txt').show();
        }
    });

});

мне подсказали что через next не подходит и нужно вытащить элементы через селектор при помощи parents и search методы
Ответить с цитированием