Jquery 开始字段集类可折叠关闭

我有一个关于字段集类可折叠的问题。 如何在页面加载时，在关闭状态下启动此字段

然后人们将只看到

输入，当他们单击它时，字段集将崩溃

我需要更多的网页空间，所以我需要这个字段集，这是可折叠关闭

多谢各位

编辑

以下是包含mentoined字段集的代码：

    <fieldset class="collapsible">
            <legend>{lang key="field_group_title_"|cat:$group_name}</legend>
        {/if}

        <table cellpadding="2" cellspacing="0" width="100%">
        {foreach from=$fields item=field}
            {assign var="key" value=$field.name}
            {assign var="field_name" value='field_'|cat:$field.name}
            {if $listing.$key || ($listing.$key eq '0')}
            <tr>
                <td style="width: 20%;"><strong>{$lang.$field_name}:</strong></td>
                <td>
                    {if ($field.type eq 'text') || ($field.type eq 'textarea') || ($field.type eq 'number')}
                        {$listing.$key}
                    {elseif $field.type eq 'checkbox'}
                        {assign var="values" value=','|explode:$listing.$key}
                        {if $values}
                            {foreach name="checkbox_iter" from=$values item=field_val}
                                {assign var="lang_key" value="field_"|cat:$field.name|cat:"_"|cat:$field_val}
                                {$lang.$lang_key}{if !$smarty.foreach.checkbox_iter.last},&nbsp;{/if}
                            {/foreach}
                        {/if}
                    {elseif $field.type eq 'storage'}
                        <a href="{$smarty.const.ESYN_URL}uploads/{$listing.$key}">{$lang.download}</a>
                    {elseif $field.type eq 'image'}
                        {assign var="image_name" value="small_"|cat:$listing.$key}
                        {assign var="image_path" value=$smarty.const.ESYN_HOME|cat:"uploads"|cat:$smarty.const.ESYN_DS|cat:$image_name}
                        {assign var="image_title_key" value=$key|cat:"_title"}
                        {assign var="image_title" value=$listing.$image_title_key}

                        {if $image_path|file_exists}
                            <a href="{$smarty.const.ESYN_URL}uploads/{$listing.$key}" target="_blank" rel="prettyPhoto">{print_img ups=true full=true fl=$image_name alt=$image_title}</a>
                        {else}
                            <a href="{$smarty.const.ESYN_URL}uploads/{$listing.$key}" target="_blank" rel="prettyPhoto">{print_img ups=true full=true fl=$listing.$key alt=$image_title}</a>
                        {/if}
                    {elseif $field.type eq 'pictures'}
                        {assign var="images" value=","|explode:$listing.$key}
                        {assign var="image_title_key" value=$key|cat:"_titles"}
                        {assign var="image_titles" value=","|explode:$listing.$image_title_key}

                        {foreach from=$images key=indx item=image}
                            {assign var="image_name" value="small_"|cat:$image}
                            {assign var="image_path" value=$smarty.const.ESYN_HOME|cat:"uploads"|cat:$smarty.const.ESYN_DS|cat:$image_name}

                            {if isset($image_titles.$indx)}
                                {assign var="image_title" value=$image_titles.$indx}
                            {else}
                                {assign var="image_title" value=''}
                            {/if}

                            {if $image_path|file_exists}
                                <a href="{$smarty.const.ESYN_URL}uploads/{$image}" rel="prettyPhoto[gal]">{print_img ups=true full=true fl=$image_name alt=$image_title}</a>
                            {else}
                                <a href="{$smarty.const.ESYN_URL}uploads/{$image}" rel="prettyPhoto[gal]">{print_img ups=true full=true fl=$image alt=$image_title}</a>
                            {/if}
                        {/foreach}
                    {elseif $field.type eq 'combo'}
                        {assign var="field_combo" value="field_"|cat:$field.name|cat:'_'|cat:$listing.$key}
                        {$lang.$field_combo}
                    {elseif $field.type eq 'radio'}
                        {assign var="field_radio" value="field_"|cat:$field.name|cat:'_'|cat:$listing.$key}
                        {$lang.$field_radio}
                    {/if}
                </td>
            </tr>
            {/if}
        {/foreach}
        </table>

        {if $group_name neq 'non_group'}
            </fieldset>

{lang key=“field_group_title|cat:$group_name}
{/if}
{foreach from=$fields item=field}
{assign var=“key”value=$field.name}
{assign var=“field_name”value='field_'| cat:$field.name}
{if$listing.$key | |（$listing.$key eq'0'）}
{$lang.$field\u name}:
{if（$field.type eq'text'）||（$field.type eq'textarea'）||（$field.type eq'number'））
{$listing.$key}
{elseif$field.type eq'复选框'}
{assign var=“values”value='，'| explode:$listing.$key}
{if$values}
{foreach name=“checkbox\u iter”from=$values item=field\u val}
{assign var=“lang_key”value=“field|cat:$field.name | cat:$field|val}
{$lang.$lang\u key}{if！$smarty.foreach.checkbox\u iter.last}，{/if}
{/foreach}
{/if}
{elseif$field.type eq'storage'}
{elseif$field.type eq'image'}
{assign var=“image_name”value=“small_124; cat:$listing.$key}
{assign var=“image_path”value=$smarty.const.ESYN_HOME | cat:$uploads”| cat:$smarty.const.ESYN_DS | cat:$image_name}
{assign var=“image_title_key”value=$key | cat:“_title”}
{assign var=“image\u title”value=$listing.$image\u title\u key}
{如果$image_路径|文件_存在}
{else}
{/if}
{elseif$field.type eq'pictures'}
{assign var=“images”value=“，”| explode:$listing.$key}
{assign var=“image_title_key”value=$key | cat:“_titles”}
{assign var=“image_titles”value=”，“| explode:$listing.$image_title_key}
{foreach from=$images key=indx item=image}
{assign var=“image_name”value=“small_124;cat:$image}
{assign var=“image_path”value=$smarty.const.ESYN_HOME | cat:$uploads”| cat:$smarty.const.ESYN_DS | cat:$image_name}
{if isset（$image_titles.$indx）}
{assign var=“image\u title”值=$image\u titles.$indx}
{else}
{assign var=“image_title”值=''''}
{/if}
{如果$image_路径|文件_存在}
{else}
{/if}
{/foreach}
{elseif$field.type eq'combo'}
{assign var=“field_combo”value=“field_124;”cat:$field.name | cat:“124; cat:$listing.$key}
{$lang.$field_combo}
{elseif$field.type eq'radio'}
{assign var=“field_radio”value=“field_124;”cat:$field.name | cat:“124; cat:$listing.$key}
{$lang.$field_radio}
{/if}
{/if}
{/foreach}
{如果$group_name neq'非_group'}

您可以这样做：

<fieldset>
    <legend>The legend</legend>
    <div class="frmFields hideOnLoad">
        <!-- a bunch of fields -->
    </div>
</fieldset>

---

我不知道如何问不同的问题；（.写什么，因为我需要知道我问了什么，没什么了？这个问题中没有代码。你也只接受你所问问题的

12%

的答案。这两件事结合起来会让人们不想接近和回答你的问题。折叠一个项目就像使用

display:none；

一样简单>或

height:0；

。如果希望其他元素控制状态，则需要使用

单击功能

在状态之间切换。

jQuery('fieldset').each(function() {
    jQuery(this).find('legend').on('click', function() {
        jQuery(this).parent().find('.frmFields.hidden').show().removeClass('hidden');
    });
    jQuery(this).find('.frmFields.hideOnLoad').hide().addClass('hidden');
});