Удалить всплывающее окно
 

Добрый вечер.Есть на сайте ссылка.Изначально она имеет всплывающее окно с формой авторизации,которая основана на magnific-popup.Затем,когда пользователь входит,мне необходимо,изменить атрибут href ссылки,чтобы вел уже в ЛК,и удалить класс,по которому срабатывает всплывающее окно.
Я все так и делаю,но окно все равно всплывает, даже удаления всех классов.

<div class = "login-modal-box">
				<div class = "login-modal-box-hover">
					<a href="#enter" class = "log-modal-box" id = "log-modal-box">войти в аккаунт</a>
				</div>
			</div>

jQuery(document).ready(function($) {
    var tm;
    $('.log-modal-box').click(function(event){
        event.preventDefault();
        window.clearTimeout(tm);
        tm = window.setTimeout(function() {
        $.magnificPopup.open({
        items : {src : '#enter', type: 'inline'}

      });
}, 1000)
 
    });
});

Мой код,как я пытаюсь это сделать

var a_s = $('#log-modal-box');
                	a_s.text('Личный кабинет');
                	a_s.attr('href', 'user/panel');
                	a_s.removeClass('log-modal-box');
                	$.magnificPopup.close();

SolomonRei,

var a_s = $('#log-modal-box').off();