Две кнопки jquery program

Question

У меня есть две кнопки на моей странице html со словом. Из них одна кнопка скрыта, и сначала она видна. Я хочу сделать это, если я нажму одну кнопку, другой должен скрыться, и когда я нажму на другой, предыдущий должен появиться, а щелчок должен скрыть. Этот процесс должен продолжаться для каждого щелчка. Вот что я пробовал:

$('#fcb_pt_t1-1').click(function(){ 
    $(this).hide(); 
    $('#fcb_pt_yt1').addClass('your_team'); 
    $('#fcb_pt_yt1').click(function(){  
     $(this).hide(); 
     $('#fcb_pt_t1-1').show(); 
    }); 
}); 

Пожалуйста, помогите. Спасибо.

Answer 1

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

$('#fcb_pt_t1-1').click(function(){ 
    $(this).hide(); 
    $('#fcb_pt_yt1').addClass('your_team').show(); 
}); 

$('#fcb_pt_yt1').click(function(){  
    $(this).hide(); 
    $('#fcb_pt_t1-1').show(); 
}); 

Answer 2

Попробуйте этот код.

$(function(){ 
$('#a').on('click',function(){ 
    $(this).hide(); 
    $('#b').show(); 
}); 

$('#b').on('click',function(){ 
    $(this).hide(); 
    $('#a').show(); 
}); 
});