Bootstrap collapsing panels - weird move after collapsing

Question

У меня есть одностраничный шаблон для начальной загрузки html, созданный WordPress с фиксированным заголовком и несколькими привязными ссылками с гладким эффектом прокрутки. Под одной секцией - http://url.kybernaut.cz/1o - У меня падающие панели. Когда в открытом состоянии, все в порядке. Когда я их закрываю, он «прыгает» немного, и он действует странно.

Может ли кто-нибудь более продвинутый, чем я, помочь мне, пожалуйста? Мне не удалось воспроизвести проблему в bootplay :(

Answer 1

Это связано с вашим значением href. При щелчке на якорный тег он помещает это вверху страницы. Похоже, что перезагрузка перезаписывает . функциональность на первый щелчок, но без распада по какой-то причине, чтобы избежать его полностью изменить HREF значения на этих панелях к этому:

href="javascript:void(0);" 

И еще одно решение было бы использовать элемент, который не имеет к href как <span>.

<span data-toggle="collapse" data-content="#rf1" data-parent="#akref">...<span> 

И мой нелюбимый решение заключается в следующем:

$('.panel a').on('shown.bs.collapse', function() { 
    this.preventDefault(); 
}); 

Это не работает отлично, поэтому он не является моим любимым. Если вы нажмете «+», а затем попытайтесь свернуть с заголовком, это не сработает. И наоборот.