0xD34F

const itemSelector = '.accordion_item';
const buttonSelector = `${itemSelector} .title_block`;
const contentSelector = '.info';
const activeClass = 'active_block';
const toggleEffect = 'slideToggle'; // или fadeToggle, или toggle
const onClick = e => $(e.currentTarget)
  .closest(itemSelector)
  .toggleClass(activeClass)
  .find(contentSelector)
  [toggleEffect]();

// обработчик клика подключаем к заголовкам
$(buttonSelector).click(onClick);

// или, если предполагается добавление новых секций аккордеона уже после
// подключения обработчика, то лучше будет повесить его на документ,
// дополнительно указав, у каких элементов надо слушать событие;
// в этом случае клики по динамически добавляемым элементам будут
// обрабатываться так же, как и по тем, что существовали изначально
$(document).on('click', buttonSelector, onClick);

function connectInputs(selector) {
  const onInput = e => $inputs.val(e.target.value);
  const $inputs = $(selector).on('input', onInput);
  return () => $inputs.off('input', onInput);
}


connectInputs('#input, #output');

или, к чёрту jquery:

function connectInputs([...inputs]) {
  const onInput = e => inputs.forEach(n => n.value = e.target.value);
  inputs.forEach(n => n.addEventListener('input', onInput));
  return () => inputs.forEach(n => n.removeEventListener('input', onInput));
}


connectInputs(document.querySelectorAll('#input, #output'));

$('.program-link img').css('transform', () => `rotate(${Math.random() * 10 - 5}deg)`);

scrollIntoView

демо

Сначала вычисляем максимальный размер вложенных массивов:

const length = Math.max(...players.map(n => n.holes.length));

Дальше можно дополнить существующие массивы:

for (const { holes } of players) {
  holes.push(...Array.from(
    { length: length - holes.length },
    () => ({ score: '-' })
  ));
}

Или собрать новые:

const newPlayers = players.map(n => ({
  ...n,
  holes: Array.from({ length }, (_, i) => n.holes[i] || { score: '-' }),
}));

$('.select-list').change(function() {
  const selected = $(':checked', this)
    .parent()
    .get()
    .map(n => $(n).text().trim())
    .join(', ');

  $('.selected-name--filter').text(selected || 'Любой');
}).change();

или

const select = document.querySelector('.select-list');

select.addEventListener('change', function() {
  const selected = Array
    .from(this.querySelectorAll(':checked'), n => n.parentNode.textContent.trim())
    .join(', ');

  document.querySelector('.selected-name--filter').textContent = selected || 'Любой';
});

select.dispatchEvent(new Event('change'));

$('a').attr('title', function() {
  return $(this).text();
});

или

document.querySelectorAll('a').forEach(n => n.title = n.innerText);

или

for (const n of document.getElementsByTagName('a')) {
  n.setAttribute('title', n.textContent);
}

$('select').change(function() {
  $('button').prop('disabled', $(this).val() === '0');
});

или

document.querySelector('select').addEventListener('change', function() {
  document.querySelector('button').disabled = this.value === '0';
});

function getTree(data) {
  let root = data.find(n => n.id === 0);
  root = { title: root.name.slice(1,-1), id: root.id };

  data.filter(n => n.id !== 0).forEach(item => {
    const node = item.name.slice(1, -1).split('/').reduce((parent, title) => {
      if (!parent.children) {
        Object.assign(parent, { children: [], isDirectory: true });
      }
      let child = parent.children.find(m => m.title === title);
      if (!child) {
        child = { title };
        parent.children.push(child);
      }
      return child;
    }, root);
    Object.assign(node, { id: item.id, isDirectory: !!node.isDirectory });
  });

  return root;
}

const input = document.querySelector('input');
const button = document.querySelector('button');
const num = 6;

Блокируйте кнопку при вводе неправильных значений:

input.addEventListener('input', e => {
  button.disabled = e.target.value % num;
});

Или делайте проверку при клике:

button.addEventListener('click', () => {
  if (input.value % num) {
    alert('такого нам не надо, пробуй ещё');
  }
});

Или исправляйте введённые значения:

input.addEventListener('change', ({ target: t }) => {
  t.value = Math.max(0, (t.value / num | 0) * num);
});

Или не давайте вводить неправильные значения - заблокируйте инпут, изменение значения осуществляйте по кликам на кнопки рядом:

<button data-step="-1">-</button>
<button data-step="+1">+</button>

document.querySelectorAll('[data-step]').forEach(function(n) {
  n.addEventListener('click', this);
}, e => input.value = Math.max(0, +input.value + num * e.target.dataset.step));

Да просто кликните поле вручную:

$('input[name="daterange"]').daterangepicker({
  ...
}).click();

const data = $('.price')
  .filter((i, n) => +n.value)
  .closest('tr')
  .find('input[type="hidden"]')
  .get()
  .map(n => n.value);

или

const data = Array
  .from(document.querySelectorAll('.price'))
  .filter(n => +n.value)
  .map(n => n.closest('tr').querySelector('input[type="hidden"]').value);

или

const data = Array.prototype.reduce.call(
  document.getElementsByClassName('price'),
  (acc, { value: v, parentNode: { parentNode: tr } }) => (
    +v && acc.push(tr.cells[0].children[0].value),
    acc
  ),
  []
);

Так? - второй параметр отвечает за длительность анимации.

UPD. Вынесено из комментариев:

а есть возможность, что бы анимация меню и ссылкок начиналась одновременно ?

Есть.

когда оба поля заполнены нулями, необходимо выводить всю таблицу

Ну так и добавьте соответствующее условие в метод фильтрации: (!min && !max).

function removeClasses({ classList: cl }, mask) {
  const reg = RegExp(`^${mask.replace(/\*/g, '\\S+')}`);
  cl.remove(...Array.prototype.filter.call(cl, n => reg.test(n)));
}

function setNestedValue(root, ...args) {
  const val = args.pop();
  const key = (args = args.join('.').split('.')).pop();
  args.reduce((p, c) => p[c] = p[c] || {}, root)[key] = val;
}


const obj = {};
setNestedValue(obj, 'xxx', 'yyy', 'zzz', 69);
setNestedValue(obj, 'xxx.a.b.c', 187);
setNestedValue(obj, '_', 666);

Не могу понять как правильно написать цикл перебора.

Цикл не нужен, метод attr умеет принимать функцию и применять её к каждому элементу набора:

$('.hello').attr('data-class', function() {
  return [...this.classList].filter(n => n !== 'hello');
});

И без jquery - цикл в явном виде тоже не нужен:

document.querySelectorAll('.hello').forEach(n => {
  n.dataset.class = n.className.replace(/(^| )hello( | $)/, ' ').trim();
});

Одно непонятно - гарантируется ли, что классов будет всего два? Что если их окажется больше?

Но если точно известно, что классов будет всегда два, и порядок тоже гарантирован, то можно буквально хватать "второй" класс:

$('.hello').attr('data-class', function() {
  return this.classList[1];
});

или

document.querySelectorAll('.hello').forEach(n => {
  n.dataset.class = n.className.split(' ').pop();
});

Array.prototype.push.apply(
  arr,
  newArr.filter(n => !arr.some(m => m.trade_id === n.trade_id))
);

или

const pushDiff = (target, source, key = n => n) =>
  target.push(...source.filter(function(n) {
    return !this.has(key(n));
  }, new Set(target.map(key))));


pushDiff(arr, newArr, n => n.trade_id);

Уберите setTimeout. Из-за него с запозданием отображается сообщение, соответствующее одному из предыдущих результатов поиска, когда ничего найдено не было: запрос - ничего не найдено - setTimeout на показ сообщения об отсутствии результатов - запрос - результаты есть, они отображаются - показ сообщения об отсутствии результатов.

Используйте mouseenter вместо mouseover. Ну и нелишним будет ознакомиться с вот этим.