Добрый день!
Прохожу обучение и выполняю задание по формированию списков (блокнот). Нахожусь на стадии свертывания добавленных записей и не могу понять как определить $(this), чтобы списки сворачивались каждый отдельно. Сейчас получается, что если добавлено, например, 3 списка, то при нажатии .arrow сворачиваются все 3, а не один конкретный.
$(function(){
$('.button').click(function(event){
event.preventDefault();
let newTitle = $('.title').val();
let newDescription = $('.description').val();
if(!newTitle){
alert('Поле "Название" не заполнено!')
return false;
};
if(!newDescription){
alert('Поле "Описание" не заполнено!')
return false;
};
$('.left-list').append(`<div class="new-list">
<div class="new-list-container">
<span class="new-list-title">${newTitle}</span>
<button class="delete"></button>
<button class="arrow"></button>
</div>
<span class="new-list-description">${newDescription}</span>
</div>`);
$('.title').val('');
$('.description').val('');
$('.empty-list').hide();
});
});
$(document).on('click', '.delete', function(event){
event.preventDefault();
$(this).closest('.new-list').remove();
if ($('.new-list').length == 0) {
$('.empty-list').show();
};
});
$(document).on('click', '.arrow', function(event) {
event.preventDefault();
$('.new-list-description').slideToggle('slow');
});
Прошу подсказать :)