basti1012.bplaced.net

Guten Tag, ich verkaufe auf ebay Artikel und der Textinhalt ist dabei auf Deutsch. Ich möchte bei einem deutschen Kunden Text A anzeigen lassen und bei einem englischen Kunden Text B. Wie kann ich das machen? Die Seite darf dabei nicht verlassen werden. Ich stelle mir das so vor, dass es fertige Textbausteine gibt und der Browser nach dem prüfen das Richtige anzeigt. Es gibt dabei noch ein paar Regeln, an die ich mich halten muss.

Code

                                    
                                <style>
  *{
    margin:5px;
  }
  .checkboxen{
  position:absolute;
  top:-1000px;
    left:-1000px;
}
  label{
    cursor:pointer;
  }
.eng{
  display:none;
}
#englisch:checked ~ .eng,
  #englisch:checked ~ div  div .eng ,
    #englisch:checked ~ div  div span ~ span   div .eng {
     display:block;
     background:lightgreen;
}
#englisch:checked ~ .deu,
  #englisch:checked ~ div div .deu,
    #englisch:checked ~ div  div  span ~ span  div .deu {
       display:none;
}
  img{
    width:80px
  }
</style>
<label  for="englisch" title="Schalten sie hier von Deutsch in Englischer Sprache um">
  deutsch englisch toggle
</label>
<br>
<br>
<input class="checkboxen" type="checkbox" id="englisch">

<div class="eng"><h3>Englischer text</h3>
  this is englisch gelaber
</div>
  <div  class="deu"><h3>Deutscher text</h3>
    Und hier detsches gequatsche
</div>
<h3> lorem ipsum lorem ipsum</h3>
<div class="eng"><h3>Englischer text 2</h3>
  this is englisch gelaber
</div>
  <div  class="deu"><h3>Deutscher text 2</h3>
    Und hier detsches gequatsche
</div>
<h3> lorem ipsum lorem ipsum</h3>
<div>lorem ipsum
        <div>lorem ipsum
              <div class="eng"><h3>Englischer text 3</h3>
                this is englisch gelaber
              </div>
                <div  class="deu"><h3>Deutscher text 3</h3>
                  Und hier detsches gequatsche
              </div>
        </div>
</div>


<h3> lorem ipsum lorem ipsum</h3>
<div>lorem ipsim
        <div>lorem ipsim
          <span>lorem ipsim</span>
          <span>lorem ipsim</span>
                <span>lorem ipsim
                    <div class="eng"><h3>Englischer text 4</h3>
                        this is englisch gelaber
                    </div>
 
                    <div  class="deu"><h3>Deutscher text 4</h3>
                          Und hier detsches gequatsche
                    </div>
                </span>
        </div>
</div>