hallo leute, ich habe gerade versucht mir mit javascript, von dem ich im allgemeinen keine ahnung habe, ein einfaches jquery toggle-out zusammenzubauen.
das ganze dann noch mit jquery verbunden...
panel ist dabei die class des sich öffnenden ,,pop-outs''
und trigger is die class des links auf den man klicken muss, damit das pop-out kommt..
funktioniert soweit wunderbar, jedoch möchte ich es jetzt noch ein wenig modifizieren.
der sinn des dingens ist es, dass ich untereinander eine songliste habe, und je nachdem auf welchen song ich klicke öffnet sich der entsprechende songtext in einem popout.
mit aktuellem script besteht dabei das problem, dass ich das script und die classes für toggle und panel quasi für jeden song kopieren muss,
denn der inhalt des panel-divs (also der songtext) unterscheidet sich natürlich jedesmal und wenn ich immer die gleiche class übergebe öffnet er ja bei jedem toggle das gleiche panel - versteht ihr wie ich das meine ???
wie kann das script so modifizieren, dass ich das nicht brauche, irgendwie noch eine id übergeben oder sowas in der art?
und noch ne zusatzfrage, aktuell hab ich in der html datei die songtext manuell in den div panel eingefügt - kann ich das evtl irgendwie auslagern, weil der html code wird so ja ellenlang... ???
vielen dank schonmal für eure hilfe, ich hoffe ihr habt verstanden was ich will^^
Code:
$(document).ready(function(){ $(".trigger").click(function(){ $(".panel").toggle("fast"); $(this).toggleClass("active"); return false; }); });
panel ist dabei die class des sich öffnenden ,,pop-outs''
und trigger is die class des links auf den man klicken muss, damit das pop-out kommt..
funktioniert soweit wunderbar, jedoch möchte ich es jetzt noch ein wenig modifizieren.
der sinn des dingens ist es, dass ich untereinander eine songliste habe, und je nachdem auf welchen song ich klicke öffnet sich der entsprechende songtext in einem popout.
mit aktuellem script besteht dabei das problem, dass ich das script und die classes für toggle und panel quasi für jeden song kopieren muss,
denn der inhalt des panel-divs (also der songtext) unterscheidet sich natürlich jedesmal und wenn ich immer die gleiche class übergebe öffnet er ja bei jedem toggle das gleiche panel - versteht ihr wie ich das meine ???
wie kann das script so modifizieren, dass ich das nicht brauche, irgendwie noch eine id übergeben oder sowas in der art?
und noch ne zusatzfrage, aktuell hab ich in der html datei die songtext manuell in den div panel eingefügt - kann ich das evtl irgendwie auslagern, weil der html code wird so ja ellenlang... ???
vielen dank schonmal für eure hilfe, ich hoffe ihr habt verstanden was ich will^^
Kommentar