создавая аккордеон JQuery - PullRequest
Новая
       3

создавая аккордеон JQuery

0 голосов
/ 30 августа 2011

Привет, я надеюсь создать аккордеон с jquery из 3-х дел:

в основном у меня есть три экземпляра этого 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 была кнопкой, а форма - содержимым. Также, если у кого-то есть время, они могут дать краткое объяснение того, как работает код.

Заранее спасибо.

Ответы [ 2 ]

1 голос
/ 30 августа 2011

См. Демо

Согласно демо:

добавьте класс heading к тегу h1 и оберните ваш код в <ul id="accordion"> следующим образом: 

<ul id="accordion">
  <li>Your Heading and form come here </li>
</ul>
0 голосов
/ 30 августа 2011

Предлагаю попробовать jQuery аккордеон . Он работает со вложенными списками, списками определений или просто вложенными элементами div и имеет параметры сервала для задания структуры и настройки анимации.

Все остальное - только стиль CSS (кнопки и т. Д.)

...