jQuery的多个div - 显示/隐藏重置

编辑2：可能是最好看的页面在行动 - http://www.justdoors.co/product-selection - 基本上我需要它，如果有人在第一个选择框选择的东西，然后他们点击旁边它打开了另一个下拉，如果有人返回并更改第一个下拉列表中的选项，我需要第二个位重置并隐藏，直到他们单击下一个相关选项。jQuery的多个div - 显示/隐藏重置

嗨 [选择框]

如果用户选择<option 1>它显示选项1格与信息和链接显示DIV一个 如果用户选择<option 2>它显示选项2格信息和链接显示DIV B 如果用户选择<option 3>它显示选项3 div与信息和链接显示DIVÇ

如果链路上用户点击显示DIV一个这带来了类似的选项的第二个选择框。

目前，如果用户点击显示DIV一个，然后改变自己的主意，从下拉框中DIV一个停留在那里的第一选择，我需要它来重置和隐藏DIV一个所以当他们点击选项中的链接时，它会显示新的选择。

写另一种方式：用户选择<option 1>点击链接到DIV一个 >>DIV一个节目但随后用户改变主意，选择<option 2> >>DIV一个需要隐藏>>用户可以单击链接以显示DIV B。

这是我使用的脚本，显示的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"); 
    } 
});

要显示/隐藏与选项信息的DIV开始。

我可能过于复杂的事情，所以任何指针会很好！

编辑：我想想着它，我需要的东西在selector1功能，以确保所有其他的div是隐藏后，我如何能做到这一点的任何指针将不胜感激。

来源

2010-12-01 Vince Pettit

你的问题不清楚。另外一个jsfiddle链接将有所帮助！ – 2010-12-01 15:41:55

玩这个，让我知道，如果这是你在找什么： http://jsfiddle.net/bozdoz/RpakG/

我真的唯一的办法就是改变切换（）隐藏（）所有和show（）的基于选项值的特定div。所以，我希望能够解决您的问题：在更改时，隐藏每个div，显示由选项值指定的div。由于处理程序处于更改状态，因此如果用户选择相同的div，它将不会无意中隐藏所需的div。它只会隐藏其他div。

来源

2010-12-01 16:09:51 bozdoz

jQuery的多个div - 显示/隐藏重置

回答

相关问题