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...
- Igår Europol ställer sig emot end-to-end-kryptering 123
- Igår Svenska speljätten Embracer splittras – blir tre separata bolag 16
- Igår Snabbkoll: Brukar du handla begagnad teknik? 88
- Igår Akira har tjänat en halv miljard kronor på ransomware-attacker 14
- 21 / 4 Gamers Nexus: EK Water Blocks har problem 32
- Robust dator för framförallt CS2 - ca 20K7
- TCL Unleash 163-inch Micro LED TV with 10,000 Nits HDR!1
- Vilken film såg du senast?13380
- Så ska Louqe locka tillbaka chassiälskarna8
- SFW! Känn doften av nyklippt gräs med Dreame Roboticmower A118
- Ikea släpper nytt skärmstativ för 399 kronor74
- Windows 10 patchy tuesday (Jan 2024) mishap (KB5034441 med felkod "0x80070643")29
- Vilken luftkylare?0
- Ryzen 7 1800x, RX Vega 64. Prioritera uppgrading? (gaming)24
- Ubiquiti Unifi2744
- Säljes 16 GB DDR5 Sodimm 5600 MHz
- Säljes Logitech G915 Lightspeed trådlöst tangentbord GL Tactile & Logitech G Pro Wireless
- Säljes ZOWIE XL2566K
- Säljes Stationär dator + skärm + laptop + ram
- Säljes KFA2 GeForce RTX 4070 Ti EX Gamer (1 Click-OC)
- Säljes Noctua NH-D15S (1x AM4 & 1x LGA 115x)
- Säljes LG Ultragear 32" 1440p 180Hz Nano IPS (32GP850)
- Köpes grafikkort köpes, gärna frankensteinade kort eller utan fläkt
- Säljes Asus GeForce RTX 2080 ROG Strix Gaming OC 8GB
- Köpes Köpes - i7 4770-4790(K)
- Googles nästa Chromecast får dubblerad lagring15
- EK Water Blocks lovar bot och bättring8
- Tiny11 gör Windows 11-installationen lätt19
- SFW! Känn doften av nyklippt gräs med Dreame Roboticmower A118
- Så ska Louqe locka tillbaka chassiälskarna8
- Enklare installera Windows-program från webben11
- Nanosys: QDEL-tekniken potentiellt redo för kommersiell lansering 202632
- Europol ställer sig emot end-to-end-kryptering123
- Svenska speljätten Embracer splittras – blir tre separata bolag16
- Snabbkoll: Brukar du handla begagnad teknik?88