nicht angemeldet
show/hide gleichzeitig
ich hab hier ein ganz gutes script für hide/show von einem div gefunden:
<script language="JavaScript">
<!--
function showhide(id){
if (document.getElementById){
obj = document.getElementById(id);
if (obj.style.display == "none"){
obj.style.display = "block";
} else {
obj.style.display = "none";
}
}
}
//-->
</script>
im <body> dann:
<div id="div2" style="display: none;">langer text</div> <a href="#" onclick="showhide('div2');">Show/hide me</a>
jetzt wird der "lange text" gezeigt oder auch nicht...
ich will aber vorher noch einen kürzeren haben zb:
<div id="div1" style="display: block;"/>kurzer text</div>
wenn ich auf hide/show klicke, soll gleichzeitig der kurze text verschwinden und der lange gezeigt werden! wie muss ich das script ändern..???? kann mir bitte jemand helfen!!!! thx
-
Hi!
<script language="JavaScript">
<!--
var kurzertext = 'kurzer text';
var langertext = 'langer text';function showhide(id){
if (document.getElementById){
obj = document.getElementById(id);
if (obj.innerHTML == kurzertext){
obj.innerHTML = langertext;
} else {
obj.innerHTML = kurzertext
}
}
}
//-->
</script><div id="div2">langer text</div> <a href="#" onclick="showhide('div2');">Change</a>
So sollte es funktionieren ;).
MfG darkblade