SlideToggle (не могу разобрать)
Всем привет , у меня такой вопрос .
Есть блоки которые добавляются и удаляются по клику , а вот со сворачиванием проблемы , если я нажимаю на 1 блок , то сворачиваются все , а мне нужно чтобы свернулся тот к которому я обратился. Точнее как правильно мне к нему обратиться ? function slideTask(slide) { slide.slideToggle(); } $('body').on('click', '.cut_down', function () { let slide = $(this).children('.add'); slideTask(slide); //$('.disc').slideToggle(); }); |
kirop,
возможно так ... function (event) { let slide = $(event.target); иначе [html run] ... минимальный код страницы с вашей проблемой [/html] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
$(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 методы |
kirop,
:-? |
kirop,
let slide = $(this).parent('.task').next(); |
Часовой пояс GMT +3, время: 08:57. |