看起来您在这里出现了一些错误。答案如下：

// My Function() to myFunction()
function myFunction() {
  // get_Element_By_Id to getElementById
  var x = document.getElementById("mountain_bikes")
  if (x.style.display === "block") {
    x.style.display = "none";
  } else {
    x.style.display = "block";
  }
}

// get_Element_)By_Id to getElementById
document.getElementById("mountain_bikes").style.display = "none"

<!-- My Function() to myFunction() -->
<!-- on click to onclick —>
<!-- optionally add type="button" -->
<button type="button" onclick="myFunction()">Try it</button>

<!-- Added for demo -->
<div id="mountain_bikes">
  My super cool mountain bikes.
</div>

正如前面的回答所述，这只是拼写错误，但比提到的要多。我相信你还在学习基础知识，但这是你应该看教程，也许看看其他人的代码，以获得更好的理解JavaScript如何工作。你的代码工作正常，没有拼写错误，但这是很容易修复的代码粘贴到CodePen。或者只是在变量上运行console.log()。
为了便于以后参考，你还应该了解一下preventDefault()函数，它可以在一个事件上运行，比如onClick。这确实只在表单中很重要，但是如果你遇到其他问题，这可能会有帮助。如果你在表单中有一个按钮，但是你不想让它提交，那么确保你包括了type="button"。下面是preventDefault()函数的工作原理：
一个二个一个一个

在标签中，onclick必须是一个单词，如下所示：

<button onclick="myFunction()">Try It</button>

另外，你不应该在你的函数名中有空格，我不是一个JS第一的家伙，但我很肯定没有语言允许这样做（至少我知道！）