[]
javascript expand all / collapse all kodu
Merhaba, html'ye yeni başladım.
collapsible butonları öğrenmeye çalışıyorum. aşağıdaki linkte güzel bir tutorial buldum ve bir miktar kavradım. Yalnız javascript bilmiyorum ve expand ve collapse fonksiyonunu javascriptle yapmışlar. Şimdi ben en üste bir expand all ve collapse all linki eklemek istesem nasıl bir scripte ihtiyacım olur? şu kod üzerinden göstermeniz mümkün olursa kendi koduma uyarlayabilirim:
www.w3schools.com
şimdiden teşekkürler
collapsible butonları öğrenmeye çalışıyorum. aşağıdaki linkte güzel bir tutorial buldum ve bir miktar kavradım. Yalnız javascript bilmiyorum ve expand ve collapse fonksiyonunu javascriptle yapmışlar. Şimdi ben en üste bir expand all ve collapse all linki eklemek istesem nasıl bir scripte ihtiyacım olur? şu kod üzerinden göstermeniz mümkün olursa kendi koduma uyarlayabilirim:
www.w3schools.com
şimdiden teşekkürler
html sayfasında js kodları <script></script> içinde çalışır.
aradığın kod aşağıdaki
ayrıca aynı butonun expand ve collapse yapmasını toggle class'ı sağlıyor.
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight){
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
}
</script>
aradığın kod aşağıdaki
ayrıca aynı butonun expand ve collapse yapmasını toggle class'ı sağlıyor.
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight){
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
}
</script>
- bagcivan
(20.02.22 22:39:35 ~ 22:39:47)
Teşekkürler, script'i gördüm. Kendi koduma da uyarlayabiliyorum. Tüm butonları aynı anda açıp kapayacak bir script olabilir mi?
- panamera
(20.02.22 22:44:59)
aynen bu kod. ben buradan yürüyebilirim. teşekkür ederim.
edit: ben cevap yazarken açıklamışsın, çok teşekkürler.
edit: ben cevap yazarken açıklamışsın, çok teşekkürler.
- panamera (20.02.22 23:01:00 ~ 23:01:46)
1
