Изменить класс блока при вводе в input jQuery

[spro1]

Всем доброго времени!

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

Решение нашел Для просмотра ссылки Войди или Зарегистрируйся

Но оно не работает, если блоки и input находятся не рядом.

Помогите пожалуйста.

Скрипт сейчас такой:

    <script type="text/javascript">
        (function($){             
                const $input = $('#input-filter');
                 
                $input.each(inputOnKeypress);
                $input.on('keyup keypress', inputOnKeypress);

                function inputOnKeypress() {
                  const $thisInput = $(this);

                  $thisInput.closest('#accordion').toggleClass('nod', $thisInput.val().match(/[^\s]/) !== null);
                }                 
            });
        })(jQuery);
    </script>

Разметка такая:

<input type="search" placeholder="search this table" id="input-filter" name="">

<div class="uslugi-table ">
        <div id="accordion" class="panel-group">
            <div class="c-spoiler">
                <div class="c-spoiler-heading">
                     123
                </div>
            </div>
        </div>
    </div>

 

[d0ublezer0]

зачем вам closest если вы обращаетесь к элементу по id?
замените

$thisInput.closest('#accordion')

на

$('#accordion')

и скобки у вас лишние