• Basisthema
  • Tweede menu item
    • Sub menu item
Inloggen
Home » Collapsible laten werken met werkelijke hoogte van in te klappen element

Collapsible laten werken met werkelijke hoogte van in te klappen element

Collapsible laten werken met werkelijke hoogte van in te klappen element

Door de scrollHeight op te halen van het element dat je wilt inklappen, wordt deze altijd zo groot als het element is.

JAVASCRIPT Code

javascript
	var coll = document.getElementsByClassName("collapsible");
	var i;
	for (i = 0; i < coll.length; i++) {
		coll[i].addEventListener("click", function() {
			var content = this.nextElementSibling;
			content.classList.toggle("inactive");
			if(content.classList.contains("inactive")){
				content.style.maxHeight = null;
			}else{
				content.style.maxHeight = content.scrollHeight + "px";
			}
		});
	}
Bekijk Snippet

Door Gladior

  • Facebook
  • Linkedin
  • Mail
  • Instagram

Contact

service@gladior.com

Overige informatie

Basisthema voor WordPress