@Tsatsyn

Сворачиваемый список в Jquery?

Добрый день!
Прохожу обучение и выполняю задание по формированию списков (блокнот). Нахожусь на стадии свертывания добавленных записей и не могу понять как определить $(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');
});


Прошу подсказать :)
  • Вопрос задан
  • 75 просмотров
Решения вопроса 1
@Asokr
Tsatsyn, Как-то так, наверное :)
$(document).on('click', '.arrow', function(event) {
    event.preventDefault();
  $(this).closest('.new-list').find('.new-list-description').slideToggle('slow');
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@zkrvndm
Боты, парсеры, расширения
Эм, вы уже ответили на свой вопрос:
$(document).on('click', '.arrow', function(event) {
event.preventDefault();
$(this).slideToggle('slow');
});
Ответ написан
Lord_Dantes
@Lord_Dantes
Чат джунов t.me/developersjunior
$(document).on('click', '.arrow', function(event) {
event.preventDefault();
$(this).find('.new-list-description').slideToggle('slow');
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
16 янв. 2021, в 09:19
15000 руб./за проект
16 янв. 2021, в 09:01
15000 руб./за проект
16 янв. 2021, в 00:06
3000 руб./за проект