Automatyczne ukrywanie diva

czesc, piszę szybkie menu, które na skutek kliknięcia elementu o klasie LINK pokazuje div'a. W momencie kiedy element(odnośnik) został naciśnięty div się pokazuje w przypadku kolejnego kliknięcia chowa się. Jednak jak zrobić, aby w przypadku zmiany odnośnika z Zaloguj na Zarejestruj div automatycznie się schował i otworzył ?

<div id="form-reg-log"></div>
<ul>
         <li>@Ajax.ActionLink("Zaloguj się", "Login", "Account", null, new AjaxOptions { UpdateTargetId = "form-reg-log" }, new { @class = "Link" }) <span class="glyphicon glyphicon-menu-down moje" aria-hidden="true"></span></li>
         <li>@Ajax.ActionLink("Załóż konto ", "Register", "Account", null, new AjaxOptions { UpdateTargetId = "form-reg-log" }, new { @class = "Link" })<span class="glyphicon glyphicon-menu-down moje" aria-hidden="true"></span></li>
     </ul>

Napisałem coś takiego funkcja ukrywa i pokazuje div ale w przypadku kiedy div jest otwarty po kliknięciu "Zaloguj" i włączeniu odnośnika "Załóz" div się chowa ale już NIE OTWIERA.!

    $('.Link').click(function () {
           
            if ($("#form-reg-log").hasClass("opened")) {

                $("#form-reg-log").slideUp("slow");
                $("#form-reg-log").removeClass("opened");
 
                //$("#form-reg-log").removeClass("opened");
            } else {
                $("#form-reg-log").slideDown("slow");
                $("#form-reg-log").addClass("opened");
            }
 
        });