Event handlers are added multiple times

[scibuff]

Some event handlers are not removed when the DOM element is removed/deleted (via CloseOpenBox) because they are attached to the body.

Steps to reproduce:

1. add a simple console.log call within a "onclick" function, for example in "SwitchFunction" within productions.js

	SwitchFunction: ()=>{
		$('body').on('click', '.change-view', function(){
			console.log('click .change-view')
			... 

2. Show & Hide the production box several times by clicking on the icon in the main menu.

3. Click on the button to switch the view, i.e. in the English version, click on the "Group" / "Single" buttons. A single click will product numerous console entries, which means the callback is executed several times with a single click

A simple fix is to attach events to the parent element, for example, in case of HTML.Box it should be the box root. In the example code above, it should be

	SwitchFunction: ()=>{
		$('#Productions').on('click', '.change-view', function(){
			console.log('click .change-view')
			... 

This way the event handlers are properly discarded with $.remove()

Window 10
Chrome/80.0.3987.163
en9 (Jaims)
2.4.3.2 - English