После нажатия на input radio li должен скрыться?

Question

Всем привет, делаю to-do задачу, есть список задача с input radio, после нажатия он должен удалиться, то есть пропасть списка (само удаления задачи проходит успешно), не могу выполнить jquery часть.

Пример: Удаляю какую-нибудь задачу, весь li скрывается??? Не могу понять как скрыть определенный li.

<li class="list-group-item task" id="<?= $res['id'] ?>">
    <input type="radio" name="radioTask" class="radioTask" value="<?= $res['id'] ?>">
    <label>
        <span class="list-task"><?= $res['task'] ?></span>
    </label>
</li>

    // это часть отправляет value значение в PHP
    $(".radioTask").change(function () {
    var val = $(".radioTask:checked").val();
    $.ajax({
        type: "GET",
        url: "",
        data: {val: val},

    });
    // а вот это часть должна скрывать .task блок
    $('li').each(function (index, value) {
        var id = $(this).attr('id');
        $('.radioTask').hide(this.id === val)
});

Answer 1

Как @teran написал в комментах что можно $(this).remove(), а мне подошло fadeOut()

// Remove task
$(".radioTask").click(function () {
    var val = $(".radioTask:checked").val();
    $.ajax({
        type: "GET",
        url: "",
        data: {val: val},
    });
    // FadeOut task
    $('.task').click(function () {
        $(this).fadeOut(500)
        //$(this).remove();
    });
});

БЛОГ НА HUSL

После нажатия на input radio li должен скрыться?

Ответы (1 шт):