问jQuery多重DIVs显示/隐藏重置

EN

编辑2:可能最好看到页面的动作-- http://www.justdoors.co/product-selection --基本上我需要它，所以如果有人在第一个选择框中选择了什么，然后单击next，它会打开另一个下拉列表，如果有人返回并更改了第一个下拉列表中的选项，我需要第二个位重置并隐藏，直到他们单击相关选项的next。

Hi选择框

如果用户选择<option 1>，则显示带有信息的选项1 div和显示DIV的链接如果用户选择<option 2>，则显示选项2 div和显示DIV B，如果用户选择<option 3>，则显示选项3 div和信息，链接显示DIV C。

如果用户单击该链接以显示DIV A，则会弹出具有类似选项的第二个选择框。

目前，如果用户单击以显示DIV A，然后改变他们对下拉框DIV A中的第一个选择的想法，则需要它重置和隐藏DIV A，以便当他们单击该选项中的链接时，它将显示新的选择。

另一种方式:用户选择<option 1>点击链接到DIV A >> DIV 显示，然后用户改变思路并选择<option 2> >> DIV A需要隐藏>>用户可以单击链接显示DIV BE 229。

这是我使用的显示DIV A/B/C的脚本：

$(document).ready(function() {
  $('#divA-holder').hide();
  $('#divA-link').click(function() {
    $('#divA-holder').toggle(400);
    return false;
  });
  $('#divB-holder').hide();
  $('#divB-link').click(function() {
    $('#divB-holder').toggle(400);
    return false;
  });
  $('#divC-holder').hide();
  $('#divC-link').click(function() {
    $('#divC-holder').toggle(400);
    return false;
  });
});

连同：

    jQuery("#selector1").change(function(){
    if (jQuery(this).val() == "1" ) {
        jQuery("#option1div").slideDown("fast");
    } else {
        jQuery("#option1div").slideUp("fast");
    }
});

在开始时显示/隐藏带有选项信息的DIVs。

我可能已经把事情复杂化了，所以任何指点都是很棒的！

编辑:我想，考虑到这一点，我想我需要在selector1函数中添加一些东西，以确保在此之后所有的div都是隐藏的，任何关于我如何做到这一点的提示都会受到欢迎。