Javascript jQuery:无法使hide（）和show（）正常工作

我是jquery的新手，正在练习。我创建了两个表格，显示北约军事字母表和拼音字母表的发音。在下拉框中选择Alfabet或Cijfers后，必须显示相应的表格。这不起作用，我不知道我做错了什么。我希望有人能帮我找出问题所在

下面是一个JSFIDLE：

---

您不绑定到select，因为下拉选择器按id查找元素，但为元素指定了名称。您可以使用[name=dropdown]按名称进行选择，但这里最好使用id

改变

    <select name="dropdown">

到

---

您不绑定到select，因为下拉选择器按id查找元素，但为元素指定了名称。您可以使用[name=dropdown]按名称进行选择，但这里最好使用id

改变

    <select name="dropdown">

到

---

好吧，奇怪的是我没有注意到这一点：它现在在JSFIDLE中工作，但不管我做什么，它在xampp服务器中本地都不工作。我已经从JSFIDLE复制了所有内容，但仍然不起作用：这听起来可能很愚蠢，但我鼓励您将所有这些代码复制到本地html文件中，并尝试运行它。我告诉你，这段代码和JSFIDLE中的代码完全一样，但它就是不起作用！1检查您导入jQuery 2检查您在控制台中没有错误3将绑定放入就绪回调中，就像将此函数放入就绪回调中一样：非常感谢！我会将您的答案标记为已接受。好吧，奇怪的是我没有注意到这一点：它现在可以在JSFIDLE中工作，但无论我做什么，它都不能在xampp服务器中本地工作。我已经从JSFIDLE复制了所有内容，但仍然不起作用：这听起来可能很愚蠢，但我鼓励您将所有这些代码复制到本地html文件中，并尝试运行它。我告诉你，这段代码和JSFIDLE中的代码完全一样，但它就是不起作用！1检查您导入jQuery 2检查您在控制台中没有错误3将绑定放入就绪回调中，就像将此函数放入就绪回调中一样：非常感谢！我将把你的回答记为已被接受。

    <select id="dropdown">