Citera om du vill ha svar, hjälpte jag dig, gilla svaret!
Felkod40
Öppna en dold DIV med en knapp, samtidigt stänga de andra?
Lite sent och det snurrar..
Detta är min kod
<script>
// JavaScript Document
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
</script>
<a onclick=toggle_visibility('träning');>Träning ›</a>
<a onclick=toggle_visibility('licenser');>Licenser ›</a>
<div class="hidden_sidebar" id="träning">
Text information.
</div>
<div class="hidden_sidebar" id="licenser">
Text information.
</div>
Fungerar ju bra med en dold meny, men de lägger ju sig över varandra, vill att "träning" ska stängas när "licenser" öppnas och tvärtom.
Om du kollar din kod:
<script>
// JavaScript Document
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
</script>
så är det enda du gör är att varje gång du klickar kolla om den är synlig och inte samtidigt göra:
<script>
// JavaScript Document
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
//här fattas en logik som sätter den andra till none om block är satt på den övre.
}
</script>
Försök lista ut koden på egen hand, funkar det inte så hjälper vi till.
Om du kollar din kod:
<script>
// JavaScript Document
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
</script>
så är det enda du gör är att varje gång du klickar kolla om den är synlig och inte samtidigt göra:
<script>
// JavaScript Document
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
//här fattas en logik som sätter den andra till none om block är satt på den övre.
}
</script>
Försök lista ut koden på egen hand, funkar det inte så hjälper vi till.
Fick köra dubbel gissar på att det går korta ner till 99%
<script>
function switchVisible() {
if (document.getElementById('träning')) {
if (document.getElementById('träning').style.display == 'none') {
document.getElementById('träning').style.display = 'block';
document.getElementById('utbildning').style.display = 'none';
}
else {
document.getElementById('träning').style.display = 'none';
}
}
}
</script>
<script>
function switchVisible2() {
if (document.getElementById('utbildning')) {
if (document.getElementById('utbildning').style.display == 'none') {
document.getElementById('utbildning').style.display = 'block';
document.getElementById('träning').style.display = 'none';
}
else {
document.getElementById('utbildning').style.display = 'none';
}
}
}
</script>
Fungerar nu ;p
https://jsfiddle.net/4x9fvokf/
var toggle = document.getElementsByClassName('toggle'),
targets = document.getElementsByClassName('foo');
toggle[0].addEventListener("click", function() {
for (var i = 0; i < targets.length; i++) {
targets[i].classList.toggle('hide');
}
});
Så kan du lägga till så många div'ar du vill, utan att duplicera koden för varje...
- Idag Iphones marknadsandel faller i USA 28
- Igår Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk 61
- Igår Nu stiger hårddiskpriserna med uppemot 10 procent 16
- Igår Analytiker: Apple har överskattat intresset för Vision Pro 52
- 24 / 4 AMD, Nvidia och Intel – vad är det för skillnad mellan grafikkortstillverkarna? 33
- Därför blockerar Windows 11 24H2 Start‑menyhack24
- Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk62
- Dator toppar på 100°C vid spel eller annan krävande aktivitet10
- Tips på datorbygge med en 5700G11
- Iphones marknadsandel faller i USA29
- Övriga fynd (bara tips, ingen diskussion) — Läs första inlägget först!1128
- Cage/Bur till Fractal Design Define R5 fråga2
- Vad har ni i lön?12993
- Fedora 403
- MC - förstahoj, körkort och utrustning [Samlingstråd]3045
- Säljes Gigabyte M28U intressekoll
- Säljes BitFenix Dawn Tempererat Glas
- Säljes Kingston PCie 4.0 NVMe M.2 4TB 7300MB/s
- Säljes i3-8100
- Köpes Luftkylning och Fläktar
- Köpes Nvidia Quadro P400,600 eller 620
- Säljes Dell Latitude 7530 15,6”
- Köpes Önskar köpa 6700xt eller 3070
- Säljes Asus Geforce RTX 2070 8GB Strix Gaming OC
- Köpes Köper bärbara datorer, trasiga, utan skärm etc.
- Därför blockerar Windows 11 24H2 Start‑menyhack24
- Iphones marknadsandel faller i USA30
- Konsumentverket granskar tio nätbutiker som lurat kunder17
- Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk62
- Nintendo-innehåll tas bort från Garrys Mod24
- Nu stiger hårddiskpriserna med uppemot 10 procent16
- Quiz: Vad kan du om Inet?70
- Analytiker: Apple har överskattat intresset för Vision Pro52
- Microsoft rullar ut Startmenyreklam till alla78
- EU röstar igenom ”rätten att reparera”53