@Lorelin
Student web

Скрытие и показ элмента?

Всем привет. У меня есть код, который создает див(через jquery) элемент(комментарий)
макет
5e89fdef5d786843141575.jpeg

Все работает, удаляет комменты - все ок. Но проблема со сворачиванием. Пытался сделать так:
$('body').on('click', '.task-item__open', function(){

  var cover = $('.task-item__description');
  if(cover.is(':visible')){
    cover.hide(200);
  }
  else {
    cover.show(200);
  }

})


Но тогда сворачивает все созданные комментарии , попытался сделать подобие кода с удалением
function coverComment(cover) {
  cover.slideToggle();
}

$('body').on('click', '.task-item__open', function(){


let cover = $(this).parents('.task-item__description');

coverComment(cover);

})


Но так просто ничего не работает, подскажите как подправить

Вот код удаления комментария
$('body').on('click', '.task-item__clear', function(event){

  event.preventDefault();

  let item = $(this).parents('.task-item');

  deleteComment(item);
  • Вопрос задан
  • 128 просмотров
Решения вопроса 1
@Lorelin Автор вопроса
Student web
Просто надо было правильно найти родителя и через него закрывать элемент)
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@moonbow
QA
Первое, что сразу вспоминается, относится к верстке - теги details и summary
Пример синтаксиса:
<details>
   <summary>Название дела</summary>
   <p>Описание дела</p>
</details>

Пример воспроизведения
Аналогично Вашему представлению макета. Больше похоже на "костыли", конечно, либо не совсем верно понимаю вопрос, просто я не разбираюсь глубоко в JS
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы