Как по клику перемещать элемент?

Question

[Breeze1]

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

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

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

Answer 1

[0xD34F]

Где и по кому надо кликать, кого надо переместить:

const containerSelector = 'ul';
const buttonSelector = 'a';
const elementSelector = '.drop';

Перемещаем:

const $el = $(elementSelector);
$(containerSelector).on('click', buttonSelector, function(e) {
  $(e.currentTarget).after($el);

  // или

  $(this).parent().append($el);

  // или

  $el.insertAfter(this);
});

или

const el = document.querySelector(elementSelector);
document.querySelector(containerSelector).addEventListener('click', ({ target: t }) => {
  if (t = t.closest(buttonSelector)) {
    t.after(el);

    // или

    t.insertAdjacentElement('afterend', el);

    // или

    t.parentNode.insertBefore(el, t.nextSibling);

    // или

    t.parentNode.append(el);

    // или

    t.parentNode.appendChild(el);
  }
});