如何隐藏表单的一部分并使之仅在单击“添加其他"时可见按钮?

问题描述

请注意，单击按钮后，多个文本字段框将可见，而不仅仅是一个！

Please note that on clicking the button multiple text field boxes become visible and not only one!

推荐答案

1. 将表单放入容器中
2. 将容器的CSS设置为display:none
3. 在触发jQuery的show/hide方法的某些元素上设置点击处理程序

您的HTML:

<a id="toggleform" href="#">Toggle Form</a>
<div id="hideform">
    // form elements in here
</div>

您的JavaScript:

Your javascript:

$( "#toggleform" ).on( "click", function() {
  $('#hideform').toggle();
});

或者如果您不想切换隐藏:

Or if you don't want to toggle the hiding:

$( "#toggleform" ).on( "click", function() {
  $('#hideform').show();
});

您的CSS:

#hideform {display:none;}

这里有一个小提琴来演示它: http://jsfiddle.net/AkHQa/

Here is a fiddle demonstrating it: http://jsfiddle.net/AkHQa/

这篇关于如何隐藏表单的一部分并使之仅在单击“添加其他"时可见按钮?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！