Text anzeigen und verschwinden lassen

chuvak · 4. Mai 2007

Ich habe zwei Texte "Abc" und "Def". Anfang soll keiner angezeigt werden. Wenn ich auf Button1 drücke, wird "Abc" angezeigt, wenn ich auf Button2 drücke, verschwindet "Abc" und es erscheint "Def".
Wie mach ich das?

Danke!

Maik · 4. Mai 2007

Hi,

zum Beispiel so:

Code:

<script type="text/javascript">
function show(divid) {
d=document;

if (d.getElementById(divid).style.display == 'block')
   {
      d.getElementById(divid).style.display='none';
   }
   else
   {
    d.getElementById('cat1').style.display='none';
    d.getElementById('cat2').style.display='none';

    d.getElementById(divid).style.display='block';
   }
}
</script>

Code:

<style type="text/css">
#cat1, #cat2 {
display:none;
}
</style>

Code:

<body>
      <ul>
          <li><a href="#" onclick="show('cat1')">Button 1</a></li>
          <li><a href="#" onclick="show('cat2')">Button 2</a></li>
      </ul>
      <div id="cat1">Abc</div>
      <div id="cat2">Def</div>
</body>

Text anzeigen und verschwinden lassen

chuvak

Erfahrenes Mitglied

Maik

Neue Beiträge