Переключение класса для другого в jQuery

Question

У меня возникли трудности с изменением класса элемента кнопки с помощью jQuery. В настоящее время он добавляет дополнительный класс к элементу кнопки.

Это мой код. Как я могу это решить?

$(function() { 
    $("#admin").click(function() { 
      $('#normal').show(); 
      $('#admin').hide(); 
      $('.delete_admin').toggleClass("delete_normal"); 
      return false; 
    }); 
    $("#normal").click(function() { 
     $('#normal').hide(); 
     $('#admin').show(); 
     $('.delete_normal').toggleClass("delete_admin"); 
    }); 
}); 

Answer 1

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

$(function() { 
    $("#admin").click(function() { 
     $('#normal').show(); 
     $('#admin').hide(); 
     $('.delete_admin').toggleClass("delete_normal delete_admin"); 
     return false; 
    }); 
    $("#normal").click(function() { 
     $('#normal').hide(); 
     $('#admin').show(); 
     $('.delete_normal').toggleClass("delete_normal delete_admin"); 
    }); 
}); 

Answer 2

Если вы используете последнюю библиотеку JQuery, вы можете использовать ниже сценарий.

$(function() { 
     $("#admin").on("click",function() { 
      $('#normal').show(); 
      $('#admin').hide(); 
      $('.delete_admin').toggleClass("delete_normal delete_admin"); 
      return false; 
     }); 

     $("#normal").on("click",function(){ 
      $('#normal').hide(); 
      $('#admin').show(); 
      $('.delete_normal').toggleClass("delete_normal delete_admin"); 
     }); 
    });