Button ge"checked" oder nicht

[Dave]

Hallo Gunnar,
das klingt schonmal für-sich interessant. Nur kann ich es mir auch nicht recht vorstellen, wie du das meinst. Also meine Lösung gestaltete sich wie folgt:

  
function buttoncheck(button) {  
 if(document.getElementById(button).style.display=="") {  
  document.getElementById(button).style.display="none";  
  document.getElementById(button+"down").style.display="";  
 } else {  
  document.getElementById(button).style.display="";  
  document.getElementById(button+"down").style.display="none";  
 }  
 if(document.getElementById(button+"_div").style.display=="none") {  
  document.getElementById(button+"_div").style.display="";  
 } else {  
  document.getElementById(button+"_div").style.display="none";  
 }  
}

Die JavaScript-Funktion, wo sie _hingehört_.

  
<input type="button" id="kap" value="Kapitel" onclick="buttoncheck('kap')">  
<input type="button" id="kapdown" value="Kapitel" style="display:none" onclick="buttonswitch('kap')" checked>  
<input type="button" id="kart" value="Karten" onclick="buttoncheck('kart')">  
<input type="button" id="kartdown" value="Karten" style="display:none" onclick="buttonswitch('kart')" checked>

Die Buttons nebeneinander. Die gedrückten Varianten im Hintergrund.

  
<br>  
<div id="kap_div" style="display:none">  
Kapitel:<br>  
 <select name="kapitel">  
  <option>Neues Kapitel</option>  
 </select><br>  
 <input type="text" name="addkapitel">  
</div>  
<div id="kart_div" style="display:none">  
Karten:  
 <li style="list-style-type: none;">Karte 1</li>  
 <li style="list-style-type: none;">Karte 2</li>  
</div>

Die Bereiche, die versteckt oder gezeigt werden sollten, je nachdem ob man auf den Button geklickt hat. Mit CSS geht es vielleicht ein klein-wenig eleganter. Ich gebe zu, dass meine Lösung noch etwas unausgegoren erscheint. Wer sich die Zeit nehmen will noch etwas daran rumzuhantieren, darf mir gerne Vorschläge machen.
Gruss,
Dave