Андрей

вообще по макету это кнопка на одну страницу на которой есть и вход и регистрация. если же нет то тут странный UX. ибо я вижу именно это

0_о. а как вы вообще хотите определять что человек смотрит в экран монитора?

Если раньше такого не делал, то заказать. Если хочешь сделать сам то любой движок с каталогом

при клике всему блоку даешь класс active например

.description {display: none}
.plus {color: black}
.active .description {display: block}
.active .plus {color: green}

document.documentElement.innerHTML;
а потом парсишь link[href] script[src] и iframe[src]

https://jsfiddle.net/svistiboshka/74c3mzt6/2/

https://jsfiddle.net/sube4Loa/

либо если последнюю строку удалять то так
https://jsfiddle.net/sube4Loa/1/

Реакт выучили а js нет? )
2 строчки кода там. Ловите событие клик и показываете следующий за строкой зарание скрытый контейнер. всё

writeFileSync

просто копии страниц статических с разным контентом. это же одна страничка. какой вордпресс вы че

https://yandex.ru/support/webmaster/open-graph/int...

если фиксированная ширина и высота блока то самое очевидное это position: absolute

вам же в доке плагина все написали

<div class="subMenu" >
	 	<div class="inner">
	 		<a href="#sTop" class="subNavBtn">Home</a>
	 		<a href="#s1" class="subNavBtn">Section 1</a> 
			<a href="#s2" class="subNavBtn">Section 2</a>
			<a href="#s3" class="subNavBtn">Section 3</a>
			<a href="#s4" class="subNavBtn">Section 4</a>
			<a href="#s5" class="subNavBtn">Section 5</a>
			<a href="https://twitter.com/rabmyself" class="subNavBtn extLink end">External Link</a>
		</div>
	</div>

просто класс extLink добавьте

тут 2 решения
1. подставляйте input в нужное место
2. contenteditable="true"