Javascript:在SVG上选择另一个函数时关闭该函数

<svg>
  <defs>
    <script id="function1" type="text/javascript">
      // 这里是函数1的定义和实现
    </script>
    <script id="function2" type="text/javascript">
      // 这里是函数2的定义和实现
    </script>
  </defs>
</svg>

var function1 = document.getElementById("function1");
var function2 = document.getElementById("function2");

function switchFunction(selectedFunction) {
  // 关闭当前选择的函数
  selectedFunction.style.display = "none";
  
  // 打开另一个函数
  if (selectedFunction === function1) {
    function2.style.display = "block";
  } else {
    function1.style.display = "block";
  }
}

<button onclick="switchFunction(function1)">切换到函数1</button>
<button onclick="switchFunction(function2)">切换到函数2</button>