Новичок в JQuery >> Как я могу иметь 2 <a>ссылки и каждую с отдельной функцией для выполнения?

Question

Я прошу прощения, если этот будет казаться слишком легким для большинства, поэтому я полностью снимаю ответ здесь:

В основном я хотел бы понять, как вы связываете различные функции JQuery с различными элементами

================================================
У меня естьМЕНЮ, которое имеет 2 элемента ссылки

   <a id="aLogin" href="???">Login</a>
   <a id="aRegister" href="???">Register</a>

У меня также есть 2 DIV, каждый из которых показывает нужные элементы

<div id="dLogin" class="hide">
  ...elements to login
</div>

<div id="dRegister" class="hide">
  ...elements to register
</div>

Я понимаю, что я могу изменить класс из JQuery с "скрыть"«показать»
, но мой вопрос: как я могу указать ссылку для входа в систему для выполнения правильной функции Jquery (той, которая меняет класс входа в DIV на «показать») ??

Answer 1

В поле href вы просто даете #

<a id="aLogin" href="#">Login</a>
<a id="aRegister" href="#">Register</a>

Используйте событие jQuery click , чтобы связать событие onclick с каждой ссылкой.
И toggleClass для переключения между hide и show классами

$("#aLogin").click(function(){
    $("#dLogin").toggleClass("hide").toggleClass("show");
    retun false;
}

$("#aRegister").click(function(){
    $("#dRegister").toggleClass("hide").toggleClass("show");
    retun false;
}

Answer 2

$("#aLogin").click(function(){

//function to show or hide that div
$("#dLogin").toggle();
//or the function to show or hide div

}