两个按钮jquery程序

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();
});
});

两个按钮jquery程序

Two button jquery program

html

jquery

button