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

Question

[Павел Воронюк]

Есть вот такой код:

<div class="information_item">
	<div class="resume_item">
		<div class="resume_description">
			<u>О  Нас</u>
			<strong>Информация</strong>
		</div>
		<p>Lorem ipsum</p>
		<a href="#" class="popup_content">Читать</a>
	</div>
	<div class="hidden">
		<div class="information_text">
			<div class="modal-box-content">
				<button class="mfp-close" type="button" title="Закрыть (Esc)">×</button>
				<div class="section_header">
					<!-- <u>О  Нас</u>  Нужно скопировать сюда -->
					<div class="s_descr_wrap">
						<div class="s_descr">
							<!-- <strong>Информация</strong> Нужно скопировать сюда -->
						</div>
					</div>
				</div>
				<p>Lorem ipsum</p>
			</div>
		</div>
	</div>
</div>

При клике "Читать", открывается поп-ап окно, и чтоб ручками в каждое окно не писать опять u и strong, можно ли его как-то переносить?

Answer 1

[Stalker_RED]

Всё работает и через .before() и .html() https://jsfiddle.net/yx831nbw/
И через .append() и .prepend() https://jsfiddle.net/yx831nbw/1/

Comments

[Котик Антон]

Кликните два раза по "Читать"

[Stalker_RED]

27cm: Да, если предполагается, что этот попап многоразовый, то лучше отказаться от append/prepend а вместо этого сделать два отдельных блока для заголовка и контента, и перезаписывать их содержимое.

https://jsfiddle.net/yx831nbw/2/

[Otrivin]

Stalker_RED: можно использовать метод .toggle, если поп-ап многоразовый.