Как сделать блок ссылкой и присвоить атрибут (адрес ссылки) от соседней ссылки?

Question

[mishapsv]

Есть аккордеон jsfiddle.net/yurzui/pec41ozc
Планируется, что на мобильных экранах он будет раскрываться и закрываться при клике на заголовок (реализовано).
На больших экранах текст будет виден всегда, при клике на заголовок будет переход по ссылке.

Вопрос: как на мобильных экранах ссылку с заголовка перекидывать на текстовый блок?
(хотя бы в общих чертах, подскажите, пожалуйста).

Апд. Нужно чтобы на больших экранах ссылкой был заголовок, а на маленьких этой же ссылкой был открывшийся текст.

Answer 1

[Евгений Петров]

Для навигации в рамках страницы есть связка атрибута id и hash в адресной строке.
С этой навигацией связан и псевдокласс :target.
Ставите в свои блоки id, а в ссылках указываете в конце #значение_id

Update: После уточнения я, наконец-то, понял, что нужно. Используем Media Queries и псевдоэлемент.
Пример

Comments

[mishapsv]

Евгений Петров Я не совсем правильно написал. Нужно чтобы на больших экранах ссылкой был заголовок, а на маленьких этой же ссылкой был открывшийся текст