Как перенести элемент с одного блока в другой на js?

Question

[ZeroBug]

У меня есть меню на bs3 и есть фильтр.Меню идет отдельным блоком (обвел синим) а фильтр находится в другом блоке(обвел красным)

На телефонах и планшетах (ну к примеру max-width:768px) должно быть так что бы фильтр был в меню (указа стрелочками)
Как мне перенести фильтр с одного блока в другой при max-width:768px без использования position:absolute

Answer 1

[Максим Тимофеев]

не надо ничего никуда переносить. Кнопка "фильтр" всегда находится в меню, ее не надо переносить, просто она скрыта на определенных breakpoint-ах.

Answer 2

[koanvl]

Это смотря, какой результат должен быть при клике на кнопку "фильтр". Если фильтр просто разворачивается вне хедера, то сделать кнопку в шапке и контролировать видимость кнопки медиа-запросами, а дальше по клику контролировать видимость фильтра, там где он физически есть. Если фильтр должен разворачиваться в хедере, то с кнопкой та же фигня, а вот для самого фильтра appendChild или insertBefore вам в помощь