jQuery MiniUI

标题: 折叠FieldSet 怎么弄成默认折叠 [打印本页]

---

作者: 冰是睡着的雪    时间: 2017-3-20 09:48:26     标题: 折叠FieldSet 怎么弄成默认折叠

http://miniui.com/demo/#src=fieldset/fieldset.html

就是这个方法。
求问：怎么才能在加载出来的时候，就是折叠起来的？

---

作者: hks2002    时间: 2017-3-20 10:16:06

这个折叠是通过修改CSS实现的，所以，你可以设置CSS样式

1. <fieldset id="SearchFieldset" class="hideFieldset">

复制代码

---

作者: jialiang    时间: 2017-3-20 11:12:37

添加样式的时候要把input中的checked去掉：

1. <fieldset id="fd2" style="width:600px;" class="hideFieldset">
   
2.         <legend><label><input  type="checkbox"  id="checkbox1" onclick="toggleFieldSet(this, 'fd2')" hideFocus/>详细信息</label></legend>
   
3.         <div class="fieldset-body">
   
4.             <table class="form-table" border="0" cellpadding="1" cellspacing="2" >
   
5.                 <tr>
   
6.                     <td class="form-label" style="width:60px;">身份证：</td>
   
7.                     <td style="width:150px">
   
8.                         <input name="name" class="mini-textbox" />
   
9.                     </td>
   
10.                     <td class="form-label" style="width:60px;">籍贯：</td>
    
11.                     <td style="width:150px">
    
12.                         <input name="addr" class="mini-textbox" />
    
13.                     </td>
    
14.                 </tr>               
    
15.             </table>
    
16.         </div>
    
17.     </fieldset>

复制代码

---

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2