9.2.3　隐藏和显示表单选项

除了关闭一个字段外，还有另外一种方法来确保访问者不必浪费时间填写不必要的字段，只需要隐藏那些不需要的字段。例如，以上一节中的税收表单为例，我们可能希望当“single”选项选中的时候隐藏配偶的社会安全号码的字段，而当“married”选项打开的时候则显示该字段。可以像下面这样做：

$（'#single'）.click（function（）{

$（'#spouseSSN'）.hide（）；

}）；

$（'#married'）.click（function（）{

$（'#spouseSSN'）.show（）；

}）；

提示：关于jQuery的hide（）和show（）函数（以及显示和隐藏元素的其他函数）参见6.1.1节。

隐藏字段（相对于仅仅关闭它）的一个可用性方面的好处是，这使得表单的布局更加简单。毕竟，关闭的按钮仍然是可见的并且仍然能够吸引（或者更准确地说，转移）人们的注意力。

在很多情况下，我们希望隐藏或显示多个字段：可能还想要隐藏字段的标签以及与其相关的任何其他文本。一种方法是把想要隐藏的代码（字段、标签以及任何其他的HTML）包含到一个＜div＞标签中，给该＜div＞添加一个ID，然后隐藏这个＜div＞。我们将会在下面的教程中看到使用这一技术的一个例子。