Как сделать, чтобы при клике на первой странице, открывается вторая страница, с определённым содержимым?

Question

[Антон Ратнов]

У меня есть 2 HTML Страницы. На первой странице есть 3 ссылки, которые ведут на вторую страницу. Надо сделать так, чтобы при клике на первую ссылку открывалась вторая страница, на которой есть определённый контент именно под эту ссылку, и так с каждой ссылкой. Я хочу это реализовать через Display none, block. Но у меня не получается взаимодействовать сразу с двумя страницами, тоесть при клике на первой странице на ссылку у меня не выполняется код Js на второй странице. У меня есть 3 типа контента на второй странице, который скрывается и открывается с помощью Display. Но я не могу никак взаимодействовать с двумя страницами сразу через js.

Comments

[Steppp]

Используй якоря, а на js смотри какой якорь в url и показывай контент

Answer 1

[Вадим]

Вам тут не нужен JS вообще.
Пример ссылок на первой странице:

<a href="page2#p1">Ссылка 1</a>
<a href="page2#p2">Ссылка 2</a>
<a href="page2#p3">Ссылка 3</a>

Пример блоков на второй странице:

<p id="p1" class="text">Текст 1</p>
<p id="p2" class="text">Текст 2</p>
<p id="p3" class="text">Текст 3</p>

Пример CSS для второй страницы:

.text { display: none }
.text:target { display: block }