Jquery和Jquery.ui

我认为有可能将此代码更改为其他更简单、更有效的代码

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

---

所以。。。我不知道如何使它工作。你可以为你的按钮添加一个类，然后一次选择所有按钮

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

---

添加公共类并将该公共类用作jquery选择器，因此编写代码once@downvoter：OP是新来者，所以请评论您为什么被否决，很好的指导；-）