Как переместить дочерний элемент от одного родительского элемента к другому родительскому и разместить его в определенно ⇐ Jquery

[Anonymous]

Предположим, у меня есть этот HTML:

Код: Выделить всё

HTML links are hyperlinks. You can click on a link and jump to another document.











H2 Text

ТОЛЬКО на мобильных устройствах я хочу переместить .bottomExcerpt из .wrapper и поместить его в WrapperTwo после .smallhyperlinks и до .picture.
По сути, структура .wrapperTwo на мобильном устройстве (580) будет

Код: Выделить всё

.smallhyperlinks

-> .bottomExcerpt

-> .picture.
Как можно Я делаю это с помощью jQuery?
Я пробовал следующее, но оно работает неправильно:

Код: Выделить всё

$(window).resize(function () {
if ($(window).width() < 580)
{
$('.wrapperTwo .picture').insertAfter('.wrapperTwo .smallhyperlinks');
$('.smallhyperlinks h2').removeClass('hidden');
if ($('.wrapper .bottomExcerpt').length > 0) {
$('.wrapper .bottomExcerpt').insertAfter('.wrapperTwo .smallhyperlinks');
}
}
else
{
$('.wrapperTwo .smallhyperlinks').insertAfter('.wrapperTwo .picture');
$('.smallhyperlinks h2').addClass('hidden');
}
});

По какой-то причине BotExcerpt отображается под изображением, но я хочу, чтобы он отображался между небольшими гиперссылками и изображением. Как я могу решить эту проблему?

Подробнее здесь: https://stackoverflow.com/questions/790 ... ce-it-in-a