Как не добавить второй div?

Question

[Роман Танков]

Всем привет!
проблема вот такая, есть три кнопки, при нажатии на кнопку создаём блок, надо сделать так чтоб, если блок уже есть, при повторном нажатие на кнопку блок не создаваться.

<div class="ico-info">
					<a class="punht-ico" data-type="o-nas" href="#">
						<span>О нас</span>
					</a>
					<a class="punht-ico" data-type="oplata-dostavka" href="#">
						<span>Оплата и доставка</span>
					</a>
					<a class="punht-ico" data-type="kontakt" href="#">
						<span>Контвкты</span>
					</a>
				</div>

$('.ico-info a').on('click', function() {
	  if($('.popup').children().length>0)
 	{ //	тут будет замена контента popup
 } else{  
		$('body').prepend('<div class="popup"></div>');
 	    }
     });

Comments

[Bowen]

Добавляйте блок лишь один раз когда страница загрузилась полностью.
Далее по клику, менять лишь содержимое, это намного проще.

Answer 1

[Сергей ZSA]

А зачем его создавать, если можно просто сделать show для того чтоб поставить нужному блоку с контентом display: block; (ну хотите - можно через .css("display", "и тут любое значение display") записать так, если там у вас вдруг flex или что-то типа) и соответственно hide для скрытия другого, если у вас конечно там ничего из ряда вон выходящего и есть только пара тройка блоков с другим контентом. Или я вас может не так понял, тогда объясните вопрос по-лучше.

Comments

[Роман Танков]

Там внизу сайта лежат 3 блока с контентом, надо чтоб они сбоку сайт выезжали когда нажимаешь в меню, я думал сделать нажимаешь с веху создаётся блок с flex и в него переносятся контент, на другую кнопку нажимаешь блок уже не создаётся просто контент меняется. Вот и всё.