Jquery和jquery.ui

Question

我认为将此代码更改为其他更简单有效的内容。

$(btn_proy1).click(function(){
$("#btn_Close").fadeIn(100);
$("#ProyectosGrid").hide("explode",1000);
$("#Proy1").fadeIn(100);
});
$(btn_proy2).click(function(){
$("#btn_Close").fadeIn(100);
$("#ProyectosGrid").hide("explode",1000);
$("#Proy2").fadeIn(100);
});
$(btn_proy3).click(function(){
$("#btn_Close").fadeIn(100);
$("#ProyectosGrid").hide("explode",1000);
$("#Proy3").fadeIn(100);
});
$(btn_proy4).click(function(){
$("#btn_Close").fadeIn(100);
$("#ProyectosGrid").hide("explode",1000);
$("#Proy4").fadeIn(100);
});
$(btn_proy5).click(function(){
$("#btn_Close").fadeIn(100);
$("#ProyectosGrid").hide("explode",1000);
$("#Proy5").fadeIn(100);
});

$(btn_Close).click(function(){
$("#btn_Close").fadeOut(100);
$("#ProyectosGrid").show("explode",1000);
$("#Proy5").fadeOut();
$("#Proy4").fadeOut();
$("#Proy3").fadeOut();
$("#Proy2").fadeOut();
$("#Proy1").fadeOut();
});

所有的功能都是类似的，但ID是不同的，如果有可能在调用时在代码中发送了一个参数。例如：

$(btn_clicked).click(function(){
 $("#btn_Close").fadeIn(100);
 $("#ProyectosGrid").hide("explode",1000);
 $("#Proy_clicked").fadeIn(100);
});
$(btn_Close).click(function(){
 $("#btn_Close").fadeOut(100);
 $("proyectosGrid").show("explode",1000);
 $("proyActive").fadeOut();
)};

所以...我不知道如何让它成功u.u

Answer 1

您可以为按钮添加一个类，然后一次选择所有按钮。

$(".btnClass").click(function(event){   
   $("#btn_Close").fadeIn(100);  
   $("#ProyectosGrid").hide("explode",1000);
   $( this ).fadeIn(100);
});