Question

我使用简单的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上发布了一小部分，因为标记是相同的。还有标签。

Answer 1

如果您点击选择公司标签，您确实意识到您的代码将切换#fld_fld容器？我问这个是因为我不认为它是故意设计的，用于在点击字段集图例后显示/隐藏表单。

顺便问一下，你在谈论的消息在哪里？

Answer 2

我发布了一个小提琴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; }

用切换显示html消息

2 个答案: