用切换显示html消息

时间:2011-08-04 17:39:10

标签: jquery

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

2 个答案:

答案 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; }