Раскрытие скрытого списка по якорю

  • 4 Ответов
  • 673 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

Оффлайн SeBun

Добрый день, что то запутался... В конце материала есть свернутый список литературы. Вот код:
Код: (html4strict) [Выделить]
<p><a class="accordion-toggle" href="#collapse1" data-toggle="collapse" data-parent="#accordion1">me list</a></p>
 <div id="collapse1" class="accordion-body collapse">
     <div class="accordion-inner">
          <p>1. list item</p>
 </div> </div>

Список свернут, по нажатии на ссылку разворачивается. В этом списке - список литературы. Ставлю якорь на пункт из этого списка. Например, так:
Код: (html4strict) [Выделить]
<a name="lit-1">1</a>ну и в тексте ссылку на якорь:
Код: (html4strict) [Выделить]
<a href="#lit-1">[1]</a>В итоге после перехода по ссылке на этот якорь страница пустая, видимо из за того, что сначала нужно раскрыть список литературы. Как можно решить данный вопрос, желательно без JS?
Оказываю услуги по Joomla | Миграция на Joomla 3.x | Администрирование
Ник занят | По личным вопросам не консультирую

*

Оффлайн fbr

А может по вашей ссылке просто открыть вкладку аккордеона с этим списком?

Код: (html4strict) [Выделить]
вместо

<a href="#lit-1">[1]</a>

поставить

<a href="#collapse1" data-toggle="collapse">[1]</a>

потом js-ом подсветить якорь в списки

Пока ничего другого в голову не приходит.

*

Оффлайн SeBun

А может по вашей ссылке просто открыть вкладку аккордеона с этим списком?
Все равно JS вешать, так как список то раскрывается, но...допустим ссылка в начале статьи, а якорь в конце, нажатие на ссылку развернет элемент списка за пределами экрана.
Оказываю услуги по Joomla | Миграция на Joomla 3.x | Администрирование
Ник занят | По личным вопросам не консультирую

*

Оффлайн fbr

без js аккордеон не раскрыть .. у него height: 0;
я не вижу решения

*

Онлайн vipiusss

  • ********
  • 5448
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
css:
Спойлер
[свернуть]

код:

Спойлер
[свернуть]
и никаких скриптов не надо
стрелочки приатачил, CSS сам уже сделаешь.
а якорь спокойно на #name вешается на div сюда
если всунуть в модуль хтмл-то можно якорь и на позицию модуля
« Последнее редактирование: 31.08.2015, 09:14:43 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями