Мне кажется, вам просто нужно снять ящик перед его обновлением.
function myFunction() {
var checkBox = document.getElementById("myCheck1");
//clear text
document.getElementById("text1").value=""
var text = document.getElementById("text1");
if (checkBox.checked == true){
text.style.display = "block";
} else {
text.style.display = "none";
}
}
EDIT Попробуйте изменить на none и hidden
document.getElementById("mus").style.display="none";
document.getElementById("mus").style.visibility = "hidden";
Затем покажите их с видимыми и block
document.getElementById("mus").style.visibility="visible";
document.getElementById("mus").style.display="block";
Поскольку draggable является компонентом JqueryUI, сначала необходимо связать css и js с файлом, который вы используете.
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
и это js после jquery main js
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>