Добавить/удалить дочерний элемент по клику?

Question

[furcifer]

Здравствуйте! Делаю календарь на чистом js. По клику на ячейку даты, добавляется класс окрашивающий ячейку и добавляется блок. При переключении на другую ячейку убирается класс окраски, блок скрывается.
С классом все получилось, а вот блок скрыть при переключении не получается. Подскажите пожалуйста, что не так?

Часть кода.

var selectedTd;
	var table=document.getElementById("calendar");;

	table.onclick = function(event) {
	  var target = event.target; // где был клик?

	  if (target.tagName != 'TH') return; // не на TD? тогда не интересует

	  note(target); // подсветить TD
	  addNote__quick(target);
	};

	function note(node) {
	  if (selectedTd) {
		selectedTd.classList.remove('note');
	  }
	   selectedTd = node;
	  selectedTd.classList.add('note');
	}
	
	function addNote__quick(){
		
		var addNote = document.createElement('form');
		addNote.id = "add-note__quick";
		
		addNote.innerHTML ='<i id="close2">&times;</i>'+
							'<input type="text"  class="field" placeholder="Событие">'+
							'<input type="text"  class="field" placeholder="День, месяц, год">'+
							'<input type="text"  class="field" placeholder="Участники">'+
							'<button type="submit">Создать</button>'
		
		selectedTd.appendChild(addNote);
	}

https://jsfiddle.net/furcifer21/6bac25ms/26/

Answer 1

[0xD34F]

Не надо ничего добавлять/удалять - пусть будет одно окно для всех.
Будете его показывать/скрывать при клике на ячейку. Например.