export class Application {
	constructor() {
		this.addTopHandlers()
	}

	addTopHandlers() {
		for (const top of document.querySelectorAll('.top .fqdn'))
			top.addEventListener('click', event=>this.handlerTop(event))
	}

	handlerTop(event) {
		const fqdn = event.target
		const topEl = fqdn.closest('.top')
		const records = document.querySelectorAll(`.record[data-top="${topEl.dataset.top}"]`)
		console.log(`.record[data-top="${topEl.dataset.top}"]`)
		console.log(topEl.dataset.top, records)
		for (const r of records)
			r.classList.toggle('show')
	}
}