Buenas, llevo ya bastantes linias programadas y me he dado cuenta que lo que empezaban siendo 4 controles tontos ha terminado en muchiiiisimas lineas de codigo dentro del $document(ready).
No me refiero a funciones tipo validación de un formulario, que las llamo a un archivo js externo de toda la vida, sino al manejo de eventos tipo estos por ejemplo:
Código:
$('#container-1').tabs({ remote: true });
$('#container-2').tabs({ remote: true });
$('#container-3').tabs({ remote: true });
$('#container-4').tabs({ remote: true });
$("#tancar_inici").click(function(event){
$("#soccer").fadeIn();
$("#football").fadeIn();
$("#caixa_main").hide();
$("#logo").animate({'top':"50%"},"slow");
$("#logo2").animate({'top':"50%"},"slow");
});
Estoy seguro de que hay una forma más limpia i eficiente de colocar todo eso, pero no he encontrado donde o como.
Y ya puestos a preguntar sobre buenas prácticas... Ahora estoy haciendo otra cosa, tiene muchas cajas de aspecto idéntico, pero no encuentro la manera de decirle esto:
Código:
$(".down").click(function() {
var dtop=$("#interior_c1").css("top");
dtop=parseInt(dtop);
dtop=dtop+50;
dtop=String(dtop);
dtop=dtop+"px";
$("#interior_c1").animate({'top':dtop},"slow");
});
sin tener que especificar cada class .down (es decir sin .down1 .down2......) y lo mismo para cada #interior. Como me lo puedo manejar para que entienda que al darle a un div uno tiene que moverse pero los demas no? habia visto algo tipo .find o .child, pero no terminé de pillarlo.
Grácias!