我使用简单的jquery toogle来显示和隐藏表单。我想要做的是,当切换处于关闭位置时,打印一条html消息。我尝试了各种方法,但是虽然出现了消息,但表单并未显示。只有消息切换。我怎么能克服这个?非常感谢
jQuery("#fld_company").live('click', function() {
$("#fld_fld").toggle(1000);
});
+++ +++ UPDATE
<legend id="fld_company">Select Company</legend>
<div id="fld_fld">
<dl>
<dt>
<label for="AUSR_companyname" class="opt">Company Name:</label>
</dt>
<dd>
<input id="AUSR_companyname" name="AUSR_companyname" type="text" size="32" maxlength="128" size="32" value = "" />
</dd>
</dl>
我只在html上发布了一小部分,因为标记是相同的。还有标签。
答案 0 :(得分:1)
如果您点击选择公司标签,您确实意识到您的代码将切换#fld_fld
容器?我问这个是因为我不认为它是故意设计的,用于在点击字段集图例后显示/隐藏表单。
答案 1 :(得分:1)
我发布了一个小提琴here,其中包含一个可行的解决方案。
基本上,JS的结构如下:
jQuery("#toggler").live('click', function() { /* toggler is the element that triggers the toggling */
$("#form1").toggle(1000); /* form1 is the form element you want to hide/show */
$("#formMessage").toggle(1000); /* formMessage is the element you want to display when the form is hidden */
});
此代码的关键部分是您需要将form1和formMessage的可见性设置为彼此相反。因此,如果您希望form1元素默认为可见,那么您应该在css中包含:#formMessage { display: none; }