使用jQuery通过选择框显示/隐藏多个DIV的实现问题

我太懂这种挫败感了——搜遍谷歌找了一堆号称“亲测可行”的jQuery实现方案，结果挨个试都跑不起来，自己又没能力从零撸代码，只能对着半吊子示例改来改去，急得头大对吧？

要帮你解决问题，得先补几个关键信息：

• 你具体要实现什么功能？是表单提交、DOM元素动态操作、页面动画，还是AJAX数据交互？明确需求才能精准排查。
• 把你的完整代码贴出来吧！你现在只贴了半截<script type="text/javascript"&g...，截断的部分大概率藏着问题——比如有没有正确引入jQuery库？有没有语法错误（比如括号不闭合、引号配对错误、选择器写错）？
• 打开浏览器的开发者工具（按F12），看看控制台（Console）里有没有报错信息？比如$ is not defined说明jQuery没加载成功，或者某个方法不存在的报错，这些都是定位问题的核心线索。
• 你之前试过的那些方案里，有没有哪一个最接近你的需求？可以说说那个方案的大致思路，或者你修改了哪些地方，说不定就是修改的环节出了岔子。

我刚学jQuery的时候也踩过无数这种坑，明明照着示例抄，结果就是跑不起来，后来才发现要么是漏了引入jQuery，要么是把选择器的类名写错了一个字母，细节真的很重要！

内容的提问来源于stack exchange，提问作者eazy4me