Показывать div на странице, только если идет по определенной ссылке

Question

Показывать div на странице, только если идет по определенной ссылке

0

У меня есть, казалось бы, тривиальный вопрос, ответ которого ускользает от меня.

У меня две страницы.

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

<a class="first-link" href="page-two.html">Hidden content. </a>
<a class="second-link" href="page-two.html">Shown content. </a>

На второй странице есть заголовок и некоторый контент:

<div class='content'>
  <h3>Heading goes here. </h3>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis elementum erat, ut sollicitudin ante. 
  </p>
</div>

Использование только jQuery или собственного JavaScript:

Когда я нажимаю на первую ссылку на первой странице, я хотел бы, чтобы страница 2 загружалась с помощью div (class='content').

Когда я нажимаю на вторую ссылку, я бы хотел, чтобы страница 2 загружалась с помощью div (class=content').

Если бы кто-нибудь мог указать мне в правильном направлении, я был бы признателен. Будучи новичком в JS/jQuery, мне сложно помещать что-то подобное в жизнеспособный запрос Google.

Спасибо всем

Andrew Hill 20 фев. 2014, в 05:36

Источник

0

Вам нужно перейти на новую страницу? Вы можете использовать AJAX для загрузки содержимого на этой странице при нажатии на ссылку.
luke2012 20 фев. 2014, в 04:33
0

Есть ли страницы на одной странице или вы пересекаете другую страницу? Можете ли вы уточнить?
Shaik Mahaboob Basha 20 фев. 2014, в 04:33
0

Мне, к сожалению, нужно перейти на другую страницу. Содержание существует на второй странице. Мой клиент хотел бы, чтобы этот контент был виден только в том случае, если он нажимает на определенный <a>
Andrew Hill 20 фев. 2014, в 04:36
0

У вас есть доступ к языку на стороне сервера? (ASP.NET, PHP и т. Д.?)
luke2012 20 фев. 2014, в 04:40
0

@luke2012 luke2012 нет только внешнего интерфейса. JS / JQuery.
Andrew Hill 20 фев. 2014, в 04:44

Показать ещё 3 комментария

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Вам нужно перейти на новую страницу? Вы можете использовать AJAX для загрузки содержимого на этой странице при нажатии на ссылку.
Есть ли страницы на одной странице или вы пересекаете другую страницу? Можете ли вы уточнить?
Мне, к сожалению, нужно перейти на другую страницу. Содержание существует на второй странице. Мой клиент хотел бы, чтобы этот контент был виден только в том случае, если он нажимает на определенный <a>
У вас есть доступ к языку на стороне сервера? (ASP.NET, PHP и т. Д.?)
@luke2012 luke2012 нет только внешнего интерфейса. JS / JQuery.

Josh Brule · Accepted Answer · 2014-02-20T02-54-00.000Z

Вам нужно передать параметр на вторую страницу. Самый простой способ - использовать либо запрос, либо привязку. На странице-two.html вам нужно будет осмотреть window.location и показать содержимое соответствующим образом.

Например. Установите вторую ссылку на этот <a class="second-link" href="page-two.html#showcontent">Expanded content. </a> <a class="second-link" href="page-two.html#showcontent">Expanded content. </a>

Затем на странице-two.html включите следующий скрипт

$(function(){
   if(window.location.hash === "#showcontent")
   $("div#hiddencontent").show();
});

Замечательный! Именно то, что я искал. Благодарю вас.