Vielen Danke für die schnelle hilfe, genau sowas meinte ich. Könntest du eventuell bei einem dieser Tabs einen Button oder eine Text Box einfügen?
Also so wie die Buttons sind bei mir ist das schon richtig also das immer nur einer aktiviert ist und ich will das wenn man den Button "Account" anklickt das was anderes dort steht als wenn ich den Button "Anzeigen" anklicke, weil ich will unter den Buttons dann mehrere Texte und Buttons erstellen.
Ich glaube Du brauchst eine verschachtelte Liste(UL).
Ich bin zwar nicht die hellste Leuchte am himmel, aber das wäre doch das oder nicht ?
wenn es ganz ohne javascript sein soll dann musst du mit css den Checkbox trick anwenden.Oder auch mit target geht sowas.
Mit Checkbox Trick meine ich sowas https://codepen.io/basti1012/pen/yReMbL
Das im Prinzip das gleiche was du brauchst. Das Beispiel sind jetzt sowas wie Tabs und du baust dir dann deine Boxen raus und deine Buttons
Hab's wohl falsch verstanden.
oder ich 
Ich bin zwar nicht die hellste Leuchte am himmel, aber das wäre doch das oder nicht ?
Ja genau so meine ich das ja aber bei mir funktioniert das eben nicht weil der Switch Button oben links ist immer da soll aber nur bei "Accounts" da sein und der Text darunter ist eigentlich bei "Anzeigen" unterteilt aber die beiden sachen werden immer angezeigt.
AH! Jetzt habe ich es hoffendlich vestanden. Hier mal eine schmale Version.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" />
<style>
* {
margin:0;
padding:0;
box-sizing:border-box;
}
#wrapper {
margin:0 auto;
width:60%;
min-height:500px;
background:#000;
color:#fff;
}
#wrapper header h2 {
text-align:center;
border-top:5px solid #09c;
}
#wrapper input {
display:none;
}
#switch {
display:block;
}
#wrapper label {
padding:5px;
background:#09c;
width:25%;
float:left;
}
section , #account_out div {
display: none;
}
#account:checked ~ #account_out ,
#show:checked ~ #show_out {
display: block;
}
#account_out label {
position:absolute;
left:0;
top:0;
width:100px;
}
#account_out div {
margin:10px;
padding:20px;
border:1px solid #fff;
background:#f00;
}
#switch:checked ~ div {
display:block;
}
</style>
</head>
<body>
<div id="wrapper">
<header><h2>VenoX Settings</h2></header>
<label for="account">Account</label><input type="radio" id="account" name="radio-group">
<label for="show">Anzeigen</label><input type="radio" id="show" name="radio-group">
<input type="radio" id="voice" name="radio-group"><label for="voice">Voice</label>
<input type="radio" id="infos" name="radio-group"><label for="infos">Informationen</label>
<section id="account_out">
<label for="switch">Account</label><input type="checkbox" name="switchoffon" id="switch">
<p>Account</p>
<div>ONOFF</div>
</section>
<section id="show_out">
<p>Show</p>
</section>
</div>
</body>
</html>Genau so meinte ich es Danke an euch beide für die Mühe.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!