Inhalt eines <div>-Containers durch link verändern

[Josie]

Hallo lieber SelfHTML'ler,

Ich möchte den Inhalt eines Div's durch anklicken eines Links verändern. Das hab ich auch geschafft:

  
<style type="text/css">  
  
 #cssonclickswitch {  
 position:relative;  
 width: 150px;  
 margin:20px auto 100px;  
 }  
  
 #cssonclickswitch a {  
 display: inline;  
 width:50px;  
 color: #fff;  
 text-decoration:none;  
 text-align:center;  
 }  
  
  
 #cssonclickswitch a span {  
 display: none;  
 }  
 #cssonclickswitch a:active span,  
 #cssonclickswitch a:focus span {  
 display: inline;  
 position: absolute;  
 top: 0;  
 left: 170px;  
 width: 50px;  
 color:red;  
 background:none;  
 }  
  
 </style>  
  
  
  
  
 <h1>CSS onclick</h1>  
 <ul id="cssonclickswitch" >  
 <a href="#n">eins<span><div id="eins"><img src="images/bild1.png" width="300px" height="50px"></div>  
  
  
  
 </span></a>  
 <a href="#n">zwei<span><div id="one"><img src="images/bild2.png" width="300px" height="50px"></div>  
  
 </div>  
  
 </span></a>  
 </ul>  

Nur wenn ich jetzt woanders hinklicke verschwindet das Bild wieder und das möchte ich eigendlich durch einen weiteren Link erreichen.

Wie funktioniert denn sowas bzw wo liegt mein Fehler??

Danke schon mal

Eure Josie

[niklaskamenisch]

hi,

ich würde dir dabei raten, am besten javascript zu verwenden.
Damit kannst du dann wirklich richtig das "onclick" verwenden.
Das ganze mit Links aufzubauen, ist doch etwas komisch.

Gruß Niklas