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 Corsair Platform 6: För dig som inte nöjer dig med Ikea-skrivbord 3
- Idag Rykte: Switch 2 släpps i höst – OLED-variant dröjer 24
- Idag Iphones marknadsandel faller i USA 41
- Igår Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk 79
- Igår Nu stiger hårddiskpriserna med uppemot 10 procent 21
- Okänd enhet i enhetshanteraren1
- Dagens fynd — Diskussionstråden49507
- Corsair Platform 6: För dig som inte nöjer dig med Ikea-skrivbord3
- Nätverkskabeln av? Sliter mitt hår!8
- AI Musik med Udio - Mindblowing10
- Vilket VR-headset ska jag köpa?880
- Strular med Postnord appen med mobilt bank-id7
- Analytiker: Apple har överskattat intresset för Vision Pro57
- Microsoft rullar ut Startmenyreklam till alla92
- Diskret, vit, väggmonterbar OpenWrt-kompatibel router runt 1000 kr ?3
- Säljes ASUS ROG STRIX GeForce GTX 1080 Ti 11GB Gaming OC
- Säljes Gamingdator, 7800X3D, RTX 4080 Super
- Säljes Samsung Galaxy Tab S9 Wi-Fi
- Köpes 24 eller 27 tum minst 144hz
- Säljes MSI GeForce GTX 1070 GAMING X 8G
- Säljes Raspberry Pi 5 8GB
- Säljes Garderobsrensning, möss och keycaps
- Säljes Acer 4K 144Hz XB273KGP - Gaming Prylar - Aio
- Säljes Spelkoder säljes
- Köpes NUC - gärna Intel 8th gen (Iris) men allt intressant
- Ny caps lock-symbol i Windows förbryllar HP-användare9
- Corsair Platform 6: För dig som inte nöjer dig med Ikea-skrivbord3
- Rykte: Switch 2 släpps i höst – OLED-variant dröjer24
- NetonNet varnar om läckta kunduppgifter15
- Premiär på SweClockers! Månadens drop med gamingskärm hos Elgiganten62
- IT-bolag: Teknikstrul är största tidsboven idag38
- Därför blockerar Windows 11 24H2 Start‑menyhack39
- Iphones marknadsandel faller i USA41
- Konsumentverket granskar tio nätbutiker som lurat kunder18
- Airtec Pro Type1 – batteridrivet alternativ till tryckluft på burk79
Externa nyheter
Spelnyheter från FZ
- Xbox-försäljningen dök 31 % årets första kvartal idag
- PS Plus-ägare får vänta på Fallout 4-uppdateringen idag
- Spelhelgen knackar på – den kommer med spel! idag
- Switch 2-rykten – Kan släppas 2024, kontrollerna får magnetfästen idag
- People Can Fly har skrotat sitt "banbrytande" action-RPG Project Dagger idag