• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

WICHTIG !!! javascript spoiler

D

djfabi

Mitglied
Hallo :)

Ich habe hier nen Code

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>    <title>Titel</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />    <meta name="description" content="" />    <meta name="author" content="" />    <meta name="keywords" content="" />
<script>var layerArray= new Array();layerArray[0]="erster";layerArray[1]="zweiter";layerArray[2]="dritter";
function show(ID){  if(document.getElementById)  {
   for(var i=0; i<layerArray.length; i++)   {       if(layerArray[i]==ID)       {
                document.getElementById(ID).style.visibility = "visible";       }       else       {
             document.getElementById(layerArray[i]).style.visibility = "hidden";       }     }  }  //mein neuer TEIL !
  if (document.getElementById) {var divid = document.getElementById(i);divid.style.visibility = (divid.style.visibility=='visible'?'hidden':'visible');}// ENDE}

</script>


</head>
<body><p>1. Vorsitzender:</p><p><a href="javascript:show('erster')">zeigs mir!</a></p><h1 id="erster" style="visibility:hidden">muh</h1>

<p>2. Vorsitzender:</p><p><a href="javascript:show('zweiter')">zeigs dir!</a></p><h1 id="zweiter" style="visibility:hidden">mäh</h1>

<p>3. Vorsitzender:</p><p><a href="javascript:show('dritter')">zeigs dir!</a></p><h1 id="dritter" style="visibility:hidden">buuuh</h1>








</body></html>


So es sind spoiler die eiin und ausfahren, aber nur wenn ein anderes geöffnet wird... ich habe versucht das zuu ändern aber nicht hinbekommen (siehe mein neuer teil in js)

Was kann ich machen das es klappt?
 
Änder mal

Code: 
if(layerArray[i]==ID)       {
                document.getElementById(ID).style.visibility = "visible";       }       else       {
             document.getElementById(layerArray[i]).style.visibility = "hidden";       }

zu

Code: 
document.getElementById(layerArray[i]).style.visibility = "hidden";

und

Code: 
  if (document.getElementById) {var divid = document.getElementById(i);divid.style.visibility = (divid.style.visibility=='visible'?'hidden':'visible');}// ENDE}

zu

Code: 
  if (document.getElementById(ID)) {document.getElementById(ID).style.visibility = 'visible';}

Dadurch werden erst alle ausgeblendet und dann das eine angeklickte eingeblendet. Ich hoffe das war das was Du willst, so ganz verständlich ist dein Satz nämlich nicht ;)
 
ukay :D

also ich will das da 3 button sind. So wenn ich auf einen draufklicke, soll er ausfahren, wenn ich auf dden nächstten Klickesoll der auch ausfahren, aber der andere wieder ein... Und so weiter.. So aber wenn ich jz auf das aufgeklappte klicke soll es sich auch schließen. So wie bei Facebook mit den Benaxchrichtigungen..
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben