Предотвращение привязки от перехода к внутренней ссылке

Question

У меня есть этот аккордеон, построенный с использованием только HTML и CSS, но всякий раз, когда нажимается одна из вкладок на аккордеоне, страница будет прыгать так, чтобы вкладка находилась в верхней части страницы. Пример:

<div id="tab-1"><a href="#tab-1" class="tab">502-831</a> 

I'e огляделся онлайн и попробовал несколько решений, как JavaScript и onlick решения, но либо решение не делает ничего или вызывает вкладку, чтобы остановить функционирование. Я использую Joomla, поэтому нет поддержки для JavaScript. Вот код голых костей для аккордеона на jsfiddle, если вы смотрите на полосу прокрутки справа, когда вы нажимаете вкладку аккордеона, вы увидите, как она прыгает.

http://jsfiddle.net/1pjudu4j/4/

Answer 1

Я добавил эту строку кода CSS в вашем примере, и она работала, как предполагалось.

.accordion div:blur .content { 
    display: none; 
} 

Поиграйте со своим CSS с учетом этого.

Пожалуйста, обратите внимание: вы не используете JavaScript вообще для этого, поэтому это было опубликовано в неправильном разделе. Измените его и удалите теги «javascript» и «jquery».

Answer 2

Поскольку вы используете Joomla, заменить:

<a href="#tab-1" class="tab">502-831</a> 

с:

<a href="<?php echo JUri::current();?>#tab-1" class="tab">502-831</a>