не может удалить атрибут из элемента

Question

У меня html, как показано ниже: Первый <tr> отображается на основе другой функции.

        <tr style="display: none;">
            <td class="label_column">
            </td>
            <td class="data_column" width="auto">
                <input class="proper_gsc_indexing" type="checkbox" data-toggle="toggle" data-on="jest poprawne" data-off="nie jest poprawne" data-size="small"
                           data-onstyle="success" data-offstyle="danger" name="proper_gsc_indexing" checked="checked" data-width="200">
            </td>
        </tr>

        <tr class="proper_gsc_indexing_list" style="display: none;">
            <td class="label_column">
                Linki
            </td>
            <td width="auto">
                <textarea class="form-control" rows="3" name="proper_gsc_indexing_list" style="max-width: 75%"></textarea>
            </td>
        </tr>

Я пытаюсь удалить атрибут стиля из <tr> .proper_gsc_indexing_list на основе кнопки .proper_gsc_indexing состояние:

            if( data.boolean_data.proper_gsc_indexing == true){
                $('[name="proper_gsc_indexing"]').prop('checked', true).change();
            } else {
                $('[name="proper_gsc_indexing"]').prop('checked', false).change();
                console.log('inside');
                $(".proper_gsc_indexing_list").show();
                $(".proper_gsc_indexing_list").css("display", "");
                $(".proper_gsc_indexing_list").removeAttr("style");
            }

текущее состояние значения кнопки ложно, консоль возвращает, что я нахожусь внутри другой части кода, но ни одна из попыток удалить стиль не работает.

После Консоль загрузки страницы показывает, что элемент <tr> по-прежнему содержит style="display: none;"

Спасибо за любые советы.

Answer 1

Решение было использовать toggle() вместо show():

$(".proper_gsc_indexing_list").toggle('slow');