Question

您好我希望用3个div中的jquery创建一个手风琴：

基本上我有三个这个div的实例

<div id="formcont">
        <h3>Add New Blog Posts :</h3>
        <form id="form1" name="form1" method="post" action="">
          <table width="457" border="0">
            <tr>
              <td width="131">Blog Title:</td>
              <td width="145"><label for="textfield"></label>
              <input name="textfield" type="text" id="textfield" size="40" /></td>
            </tr>
            <tr>
              <td>Blog Content:</td>
              <td><textarea name="textfield2" cols="50" rows="12" id="textfield2">    </textarea></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td><input type="submit" name="button" id="button" value="Submit" /></td>
            </tr>
          </table>
        </form>

        </div>

我希望h3成为按钮，形式是内容。如果有人有时间，他们可以简要解释一下代码是如何工作的。

提前致谢。

Answer 1

请参阅此Demo

根据演示：

将heading类添加到您的h1标记中并将代码包装在<ul id="accordion">中，如下所示：

<ul id="accordion">
  <li>Your Heading and form come here </li>
</ul>

Answer 2

我建议你试试jQuery accordion。它适用于嵌套列表，定义列表或仅嵌套div，并具有serval选项以指定结构和自定义动画。

Everthing else只是css造型（按钮等）

创造一个jquery手风琴

2 个答案: