有条件的选择应该是或

这是代码当前存在的示例： http ： //jsfiddle.net/rym2g/

我现在唯一要做的就是根据所做的选择确保它是唯一可用的选择……例如：

你是谁？

• 吉姆
• 凯尔
• 贝基

（你选择了becky）

显示becky的forms

（你决定要选择kyle而不是becky）

隐藏becky的forms并仅显示凯尔的forms

希望我已经很好地解释了自己。

 
 
AAA
 
BBB
 
 
 
 
 
aaa
 
bbb
 
 
 
 
A-1-1
 
 
 
A-1-2
 
 
 
 
111
 
222
 
 
 
 
A-2-1
 
 
 
A-2-2
  

和JavaScript：

 $(document).on("click", "ul.form-nav a", function(event) { event.preventDefault(); var id = event.target.href.replace(/^[^#]+/, ""); console.log("Going to: " + id); $(id).show().focus(); }); 

Answer 1

有几种方法，但鉴于您正在做的事情，这是最简单的方法：

 $(document).on("click", "ul.form-nav a", function(event) { event.preventDefault(); var id = event.target.href.replace(/^[^#]+/, ""); console.log("Going to: " + id); // Hide forms that do not have the selected id $('form.hidden').not(id).hide(); // Show the appropriate form $(id).show().focus(); }); 

查看小提琴

Answer 2

好的，

我已经到达以下代码。 我现在需要做的就是确保在给定用户所在的路径的情况下，所有问题都保持可见。 这样，如果用户选择不同的路径，则用户可以前进或前进。

我希望我已经说清楚了。 这是小提琴http://jsfiddle.net/XuVUb/