Hallo,
ich habe mehrere divs die so aussehen:
<div id="latestNewsShortcut1">HeaderText</div>
<p id="latestNewsText1" style="display: none">Text ...</p>
<div id="latestNewsShortcut2">HeaderText</div>
<p id="latestNewsText2" style="display: none">Text ...</p>
Was ich jetzt erreichen möchte ist das, wenn ich ein <div> und ein <p> hinzufüge, dass ich dann nicht den ganzen Script- Code unten kopieren und nochmal für die neuen id's hinzufügen muss.
Was ich jetzt aber nicht weiß ist, wie ich das realisieren kann, das ich nur den Scriptcode unten hab und wenn ein neues div und p hinzukommt, das diese genau das gleiche Verhalten haben.
Vielen Dank für Hilfe.
lg
<script>
$("#latestNewsShortcut1").hover(function () {
$(this).css({fontWeight:"bold"});
$(this).css("text-decoration", "underline");
},function() {
if(!$("#latestNewsText1").is(":visible")) {
$(this).css({fontWeight:"normal"});
$(this).css("text-decoration", "none");
}
}
);
$("#latestNewsShortcut1").click(function () {
$("#latestNewsShortcut1").css({});
if($("#latestNewsText1").is(":visible")) {
$("#latestNewsShortcut1").css({fontWeight:"normal"});
$("#latestNewsText1").hide("fast");
}
else {
$("#latestNewsShortcut1").css({fontWeight:"bold"});
$("#latestNewsText1").show("fast");
}
});
</script>