Kennt jemand eine Möglichkeit, meine zahlreichen Klickfunktionen zu optimieren?
Hier ist mein Beispiel:
$("#info01_v1_btn").click(function(){
$("#info01_v1").slideToggle("fast");
$("#info01_v1_btn a").toggleClass("open");
return false;
});
$("#info02_v1_btn").click(function(){
$("#info02_v1").slideToggle("fast");
$("#info02_v1_btn a").toggleClass("open");
return false;
});
$("#info03_v1_btn").click(function(){
$("#info03_v1").slideToggle("fast");
$("#info03_v1_btn a").toggleClass("open");
return false;
});
$("#info04_v1_btn").click(function(){
$("#info04_v1").slideToggle("fast");
$("#info04_v1_btn a").toggleClass("open");
return false;
});
$("#info05_v1_btn").click(function(){
$("#info05_v1").slideToggle("fast");
$("#info05_v1_btn a").toggleClass("open");
return false;
});
Wenn diese Funktionen nicht auf der gleichen Seite zusammen aufgerufen wurden, würde ich wahrscheinlich nur eine Klasse anstelle einer ID verwenden, aber ich verwende ein Modul, das mehrere Adressinformationen beherbergt, also nicht sicher, wie es sonst zu tun. Für das Protokoll, dies funktioniert, scheint nur wirklich durcheinander. Nicht sicher, ob das Hinzufügen einer Schleife helfen würde, es zu bereinigen oder nicht.
Hinweis*:Ich bin ein Web-Designer und Autodidakt jquery'ier, so auf der Suche nach guten Techniken, um diesen Code kleiner zu machen alle potenziell wiederverwendbar anderswo.
Danke