Hallo, also ich habe eine Frage:
Wie kann ich das machen wenn ich zum Beispiel 2 Hauptpunkte habe wie "Allgemein" und "Technische Daten" und ich möchte, dass eine Div Box bzw ein Text angezeigt wird, ohne die komplette Seite neu zu laden. Was ich bis jetzt probiert habe ist folgendes:
<style>
#box1{
display:none;
}
#box2{
display:none;
}
#box1:target{
display:block;
float:left;
width:460px;
height:0px auto;
margin-left:20px;
}
#box2:target{
display:block;
float:left;
width:460px;
height:0px auto;
margin-left:20px;
}
.menu1{
list-style-type:none;
width:460px;
}
.menu1 li a {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 9px;
margin-left:20px;
color:#000;
text-decoration: none;
width:210px;
}
</style>
<body>
<ul class="menu1" style="margin-top:50px;">
<li><a href="#box1"> <h3>Wichtigste Kundenvorteile</h3> </a></li>
<li><a href="#box2"><p>Technische Daten</p> </a></li>
</ul>
<div id="box1">
Kundenvorteile Text
</div>
<div id="box2">
Technische Daten Text
</div>
</body>
Es funktioniert auch soweit, nur was mache ich, wenn ich möchte, dass wenn technische Daten angewählt ist auch die Schrift bold wird und das auch die erste box direkt angezeigt wird und nicht erst wenn man darauf gedrückt hat.
Ich würde mich freuen wenn mir jemand weiter helfen könnte !
Grüße
Chrisen
Wie kann ich das machen wenn ich zum Beispiel 2 Hauptpunkte habe wie "Allgemein" und "Technische Daten" und ich möchte, dass eine Div Box bzw ein Text angezeigt wird, ohne die komplette Seite neu zu laden. Was ich bis jetzt probiert habe ist folgendes:
<style>
#box1{
display:none;
}
#box2{
display:none;
}
#box1:target{
display:block;
float:left;
width:460px;
height:0px auto;
margin-left:20px;
}
#box2:target{
display:block;
float:left;
width:460px;
height:0px auto;
margin-left:20px;
}
.menu1{
list-style-type:none;
width:460px;
}
.menu1 li a {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 9px;
margin-left:20px;
color:#000;
text-decoration: none;
width:210px;
}
</style>
<body>
<ul class="menu1" style="margin-top:50px;">
<li><a href="#box1"> <h3>Wichtigste Kundenvorteile</h3> </a></li>
<li><a href="#box2"><p>Technische Daten</p> </a></li>
</ul>
<div id="box1">
Kundenvorteile Text
</div>
<div id="box2">
Technische Daten Text
</div>
</body>
Es funktioniert auch soweit, nur was mache ich, wenn ich möchte, dass wenn technische Daten angewählt ist auch die Schrift bold wird und das auch die erste box direkt angezeigt wird und nicht erst wenn man darauf gedrückt hat.
Ich würde mich freuen wenn mir jemand weiter helfen könnte !
Grüße
Chrisen
