Имеется стандартная форма авторизации в модальном окне с тремя вкладками: «Войти», «Регистрация» и «Восстановление пароля». Вкладки работают через Bootstrap-овский плагин Tabs. Все прекрасно работает.

Решено скрыть в навигации пункт «Восстановление пароля» и добавить ссылку в непосредственно в содержимое таба «Войти» (под полем ввода пароля). Такой UI используется на многих сайтах и очень удобен.

Что сделано:
— скрыт пункт в навигации добавлением класса hidden

<li class="hidden">
    <a
        href="{router page='login'}reminder"
        data-toggle="tab"
        data-target="#reminder">
        {$aLang.password_reminder}
    </a>
</li>

— в табе «Войти» добавлена ссылка

<a id="reminder_tab_open" href="{router page='login'}reminder">{$aLang.user_password_reminder}</a>

— в js добавлено

$('#reminder_tab_open').on('click',function (e) {
    $('a[data-target="#reminder"').tab('show');
    $('#popup-reminder-mail').focus();
    e.preventDefault();
});

Результат — все работает!
Но… недавно обнаружил, что ссылка не работает в Safari. Видимо что-то не так с js.

Дайте pls совет, кто знает, как сделать это «кроссбраузерно»

UPD: Проблема оказалась в пропущенной закрывающей квадратной скобке.
Топик не удаляю, может кому-то пригодится подобное решение.