AppendTo() по клику?

Question

[Breeze1]

Ребят, есть див с классом drop. По клику на пункты меню, именно этот див нужно добавлять к следующему пункту меню, и убирать у предыдущего.

По сути это табы, только вкладка одна, и она по клику добавляется и убирается у пунктов меню. Надеюсь адекватно объяснил )

https://codepen.io/brezze/pen/ZVXGVp

Answer 1

[0xD34F]

$('ul').on('click', 'a', function() {
  $(this).after($('.drop'));
  // или
  $('.drop').insertAfter(this);
});

или

document.querySelector('ul').addEventListener('click', e => {
  if (e.target.tagName === 'A') {
    e.target.after(document.querySelector('.drop'));
  }
});

или

const dropEl = document.querySelector('.drop');
const onClick = e => e.target.insertAdjacentElement('afterend', dropEl);
document.querySelectorAll('ul a').forEach(n => n.addEventListener('click', onClick));