VPF::Доработка скрипта показать\скрыть

nule

Дата 10.3.2013, 14:23 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 76
Регистрация: 3.11.2011

Репутация: нет
Всего: нет

Здравствуйте!
Для показа\скрытия блока по клику использую такой скрипт:

Код


<a id="open-close" href="#block">Подробнее</a>
<div id="block">Контент</div>

Код


$(document).ready(function() {
  $('#open-close').show();
  $('#block').hide();

  $('#open-close').click(function(event) {
    event.preventDefault(); // Для того чтобы при нажатии на ссылку не кидало вверх
    $('#block').slideToggle();
  });
});

Отлично работает, но хотелось бы, чтобы можно было сделать ссылку на развернутый контент. Т.е. например по ссылке /content открывается страница со свернутым блоком, а по /content#block - таже страница, но с развернутым блоком. Кстати, в данном случае при нажатии на ссылку #block не добавляется к адресу страницы, хотя и указан в href.
Спасибо!

Amphiluke

Дата 10.3.2013, 16:18 (ссылка)

(голосов:1)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112

Просто проверяйте свойство location.hash по событию "load". Если фрагмент содержит id сворачиваемого элемента, то разворачивайте и прокручивайте к нему страницу.
Например

Код


$(window).load(function () {
    var block = $(location.hash);
    if (block.length) {
        block.show().get(0).scrollIntoView();
    }
});

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »