Javascript jQuery divs在所选类别上向下滑动

我在html中有隐藏的div标记，我想在用户选择某个类别时显示它们，但我有更多隐藏的div，因为它是一个大网站。当用户选择某个类别时，我应该显示它们

我的问题是，我是jQuery新手，我真的不知道这是不是正确的方法，但我知道我在这种情况下有问题：

当我第一次选择第一个类别时没有问题，但当我选择其他类别并再次返回到第一个问题时，该类别无法正常工作。我不明白哪里出了问题

或者我应该在一个类别中使用所有的幻灯片功能吗

如果有人能在这种情况下帮助我，并给我一个非常正确的方式在这种情况下使用slideDown

---

谢谢。

我会这样做的

$(document).ready(function () {

    $('#dropdown').on('change', function () {
         $('.common-class-for-all-hidden-divs').hide();
        var selection = $(this).val();

           $('#category_show_'+selection).show('slow');

    });
});

<div id="category_show_3" class="common-class-for-all-hidden-divs" >
        <select name="category_show_3">
            <option value="">category_show_3</option>
            <option value="1">category_show_3</option>
            <option value="2">category_show_3</option>
            <option value="3">category_show_3</option>
            <option value="4">category_show_3</option>
            <option value="5">category_show_3</option>
        </select>
    </div>

一个隐藏的div示例

$(document).ready(function () {

    $('#dropdown').on('change', function () {
         $('.common-class-for-all-hidden-divs').hide();
        var selection = $(this).val();

           $('#category_show_'+selection).show('slow');

    });
});

<div id="category_show_3" class="common-class-for-all-hidden-divs" >
        <select name="category_show_3">
            <option value="">category_show_3</option>
            <option value="1">category_show_3</option>
            <option value="2">category_show_3</option>
            <option value="3">category_show_3</option>
            <option value="4">category_show_3</option>
            <option value="5">category_show_3</option>
        </select>
    </div>

---

请张贴相关代码。！相关代码太大。就像你在小提琴上看到的，我的相关代码也有同样的问题。我只是想知道我是否正确地改变了分类。是的，这是一个很好的例子。但不太适合我的情况。在其他一些情况下，我很乐意使用这个例子。检查这个JSFIDLE。这是我根据我对你的问题的理解得到的，我认为它可以工作。让我试试这个，我会再写一次。感谢价格，非常好的一个这工程非常好，但我需要隐藏的ex.收音机2与类别4被选中。或在选择类别2时仅显示1台收音机。我怎样才能做到这一点呢？或者举个例子，如果我在类别1上，点击第二个收音机框，然后点击要隐藏的输入框。当我在类别1中再次单击第一个以显示时