SmartUI::Accordion
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.
| ID | Name | Phone | Company | Zip | City | Date |
|---|---|---|---|---|---|---|
| 1 | Jennifer | 1-342-463-8341 | Et Rutrum Non Associates | 35728 | Fogo | 03/04/14 |
| 2 | Clark | 1-516-859-1120 | Nam Ac Inc. | 7162 | Machelen | 03/23/13 |
| 3 | Brendan | 1-724-406-2487 | Enim Commodo Limited | 98611 | Norman | 02/13/14 |
| 4 | Warren | 1-412-485-9725 | Odio Etiam Institute | 10312 | Sautin | 01/01/13 |
| 5 | Rajah | 1-849-642-8777 | Neque Ltd | 29131 | Glovertown | 02/16/13 |
| 6 | Demetrius | 1-470-329-9627 | Euismod In Ltd | 1883 | Kapolei | 03/15/13 |
| 7 | Keefe | 1-188-191-2346 | Molestie Industries | 2211BM | Modena | 07/08/13 |
| 8 | Leila | 1-663-655-8904 | Est LLC | 75286 | Hondelange | 12/09/12 |
| 9 | Fritz | 1-598-234-7837 | Et Ultrices Posuere Institute | 2324 | Monte San Pietrangeli | 12/29/12 |
| 10 | Cassady | 1-212-965-8381 | Vitae Erat Vel Company | 5898 | Huntly | 10/07/13 |
| 11 | Rogan | 1-541-654-9030 | Iaculis Incorporated | 6464JN | Carson City | 05/30/13 |
| 12 | Candice | 1-153-708-6027 | Pellentesque Company | 8565 | Redruth | 02/25/14 |
| 13 | Brittany | 1-987-452-6038 | Suspendisse Inc. | 4031 | Carapicuíba | 10/13/13 |
| 14 | Baxter | 1-281-147-5085 | Nulla Donec Non Associates | 53067 | Yellowknife | 08/14/14 |
| 15 | Vaughan | 1-940-231-1787 | Metus Facilisis Lorem Incorporated | 26530-046 | Guarapuava | 11/17/12 |
| 16 | Ivan | 1-314-209-1223 | Posuere Vulputate Inc. | KX3W 1OI | Bienne-lez-Happart | 03/04/14 |
| 17 | Marah | 1-348-582-4041 | Feugiat Ltd | 2128 | Nîmes | 11/29/12 |
| 18 | Kiara | 1-570-428-6681 | Et Euismod Et Corp. | 70483 | Meeuwen | 03/28/13 |
| 19 | Brielle | 1-216-787-0056 | Quis Massa Mauris Institute | 19913 | Mombaruzzo | 12/17/12 |
| 20 | Kennedy | 1-997-154-9340 | Quis Diam Pellentesque Institute | 3092FI | Edmundston | 02/26/13 |
| 21 | Peter | 1-394-459-3833 | Mauris Eu Turpis Corporation | 27337 | Ravenstein | 06/05/14 |
| 22 | Kibo | 1-162-467-7160 | Massa LLP | 30305 | Witney | 08/20/14 |
| 23 | Tanek | 1-806-556-1897 | Pharetra Nam Industries | 84972 | Abbotsford | 05/03/14 |
| 24 | Guinevere | 1-850-940-6176 | Montes Nascetur Limited | 54983 | Rio Grande | 02/24/14 |
| 25 | Ronan | 1-168-544-4394 | Nunc Inc. | 12167 | Pinkafeld | 01/02/13 |
| 26 | Kasper | 1-153-221-5650 | Rutrum Limited | M9N 0N6 | Saint-G?ry | 04/03/14 |
| 27 | Otto | 1-894-944-5767 | Purus Maecenas Libero LLC | 74552-602 | Jauche | 11/17/13 |
| 28 | Brenda | 1-783-562-8563 | Sit Consulting | 15632 | Llandrindod Wells | 08/13/14 |
| 29 | Laith | 1-482-317-8464 | Tellus Limited | P8L 2V5 | Codó | 11/02/13 |
| 30 | Ella | 1-275-839-6518 | Tincidunt Inc. | V8L 7Y0 | Lummen | 09/29/13 |
| 31 | Hanae | 1-339-661-4197 | Nunc Incorporated | 47931 | South Burlington | 05/19/14 |
| 32 | Donna | 1-236-575-1365 | Ultricies Sem Incorporated | 78685 | Baranello | 02/19/13 |
| 33 | Bevis | 1-955-717-0835 | Est Ac Inc. | 7424 | Ichtegem | 08/15/13 |
| 34 | Celeste | 1-368-137-6285 | Tortor Nibh Sit Inc. | 01318 | Portobuffolè | 05/28/14 |
| 35 | Ila | 1-315-684-6122 | Gravida Sagittis Associates | 4438PF | Keswick | 11/22/13 |
| 36 | Alana | 1-586-261-7830 | Nullam Industries | 6044 | Bacabal | 03/04/13 |
| 37 | Rowan | 1-782-168-2387 | Aliquet Consulting | 33000 | Papasidero | 02/06/14 |
| 38 | Eric | 1-161-390-1140 | Odio Institute | 5652 | Moliterno | 03/14/13 |
| 39 | Dana | 1-989-320-2205 | Bibendum Fermentum Institute | X31 1HZ | Saint-Pierre | 02/25/13 |
| 40 | Karleigh | 1-218-513-8714 | Duis Volutpat Inc. | 1356 | Fresno | 06/09/14 |
| 41 | Malik | 1-869-972-9871 | Praesent Luctus Curabitur Limited | V3Y 0P0 | Roxboro | 05/09/14 |
| 42 | May | 1-462-220-8205 | Suspendisse Dui LLP | 4765 | Mold | 06/15/13 |
| 43 | Alan | 1-478-769-3709 | Suspendisse Inc. | 7354AC | Norfolk | 03/09/14 |
| 44 | Anastasia | 1-589-358-5285 | Mus Proin Institute | 33244 | Montbliart | 06/18/14 |
| 45 | Yardley | 1-422-907-2926 | Urna Et LLP | 88531 | Évreux | 05/23/14 |
| 46 | Oscar | 1-476-548-4758 | Nunc Id Enim Institute | T5Z 4YS | Burlington | 08/26/14 |
| 47 | Hasad | 1-397-946-7346 | Auctor Nunc Corp. | 2307HU | Savona | 10/29/13 |
| 48 | Mohammad | 1-984-931-7753 | Ultricies Dignissim LLP | 4718 | Nadrin | 12/08/13 |
| 49 | Nissim | 1-739-146-3150 | Lacus Ltd | UX95 5JM | Veere | 08/19/14 |
| 50 | Porter | 1-299-790-1428 | Aliquam LLC | 41708 | Montaldo Bormida | 11/02/12 |
| 51 | Sophia | 1-413-195-0820 | Viverra Maecenas Iaculis Ltd | 83468 | Doetinchem | 09/28/13 |
| 52 | Acton | 1-855-937-9214 | Vitae Sodales Company | 1757 | Bad Oldesloe | 04/13/13 |
| 53 | Briar | 1-846-339-0222 | Congue Turpis In Limited | 51510 | Caerphilly | 02/06/13 |
| 54 | Benjamin | 1-828-436-8902 | Aliquam Nec Enim Ltd | 4289GW | Holyhead | 12/17/13 |
| 55 | Gregory | 1-782-119-9191 | A PC | 14531 | Águas Lindas de Goiás | 04/11/14 |
| 56 | Marny | 1-255-275-2769 | Malesuada Institute | 41706 | Montaldo Bormida | 12/19/13 |
| 57 | Indira | 1-215-687-1488 | Augue Id Ante PC | 42010 | Lorient | 09/02/13 |
| 58 | Fleur | 1-309-181-4794 | Libero Donec Consectetuer Corp. | ZD4H 3NF | Valleyview | 01/13/14 |
| 59 | Fulton | 1-380-339-9492 | Vulputate LLP | 01154 | Blois | 04/16/13 |
| 60 | Arsenio | 1-794-184-3132 | Nec Diam Duis Ltd | 91908 | Foligno | 05/24/13 |
| 61 | Jaden | 1-979-292-4559 | Vestibulum Ante Industries | 2724 | Bertogne | 06/16/14 |
| 62 | Kylie | 1-900-819-9083 | Arcu Vestibulum Ut Incorporated | E6R 8N1 | Scandriglia | 03/19/14 |
| 63 | Melyssa | 1-911-370-2794 | Pede Sagittis Augue Ltd | 37293 | Frauenkirchen | 08/31/13 |
| 64 | Jerry | 1-501-422-6929 | Nonummy Ut Molestie LLP | 9024 | Nossegem | 07/22/13 |
| 65 | Rhiannon | 1-188-451-3938 | Elit Pellentesque Consulting | 12283 | College | 08/16/14 |
| 66 | Price | 1-769-162-9068 | Vitae Erat Vivamus Corp. | 6843 | Villata | 08/18/14 |
| 67 | Ginger | 1-263-395-0268 | Ligula Institute | 1979 | Rodengo/Rodeneck | 06/14/13 |
| 68 | Britanney | 1-121-616-0992 | Nec Diam LLP | 07095 | Queanbeyan | 09/01/13 |
| 69 | Wylie | 1-736-996-8984 | Arcu Industries | 7587LK | Fauglia | 01/24/13 |
| 70 | Holly | 1-210-117-9053 | Adipiscing Incorporated | 9053 | Dortmund | 04/21/13 |
| 71 | Althea | 1-525-409-7849 | Vel Company | 20125 | Qualicum Beach | 09/27/13 |
| 72 | Quintessa | 1-947-731-6466 | Nunc Interdum Foundation | 3260 | Llandrindod Wells | 04/06/13 |
| 73 | Fitzgerald | 1-725-747-2841 | Torquent Associates | 01688-439 | Manchester | 02/06/14 |
| 74 | Keefe | 1-672-945-4291 | Mollis Dui PC | 73231 | Hillsboro | 06/24/13 |
| 75 | Rudyard | 1-504-162-2567 | Ipsum Curabitur Consequat Foundation | Xxxx | Kimberly | 12/12/13 |
| 76 | Kareem | 1-716-663-9703 | In Ltd | 2707 | Legal | 01/29/14 |
| 77 | Genevieve | 1-361-358-3030 | Mi PC | 4995 | Crieff | 04/25/13 |
| 78 | Wang | 1-806-922-8622 | Lacinia Vitae Corporation | 1850UC | Rudiano | 04/05/14 |
| 79 | Odessa | 1-983-915-7779 | Dolor Donec Corporation | L2M 1L6 | Siddi | 01/05/13 |
| 80 | Adrienne | 1-771-540-3805 | Eu Lacus Incorporated | 2116 | Lincoln | 09/13/14 |
| 81 | Charity | 1-749-804-8328 | Aenean Sed Pede Foundation | 14470-440 | Haverfordwest | 08/01/13 |
| 82 | Kieran | 1-333-507-3878 | Malesuada Ut Sem Corp. | W3C 3PM | Croydon | 10/30/13 |
| 83 | Alika | 1-544-422-1437 | Integer Tincidunt Company | Xxxx | Plymouth | 12/26/12 |
| 84 | Shay | 1-530-583-8669 | Diam LLP | 63260 | College | 08/20/14 |
| 85 | Cailin | 1-415-254-8139 | Placerat Eget Foundation | L3M 4R6 | Jonqui?re | 09/12/14 |
| 86 | Xena | 1-979-983-1456 | Tellus Eu Augue Associates | 09703-746 | Angleur | 05/21/13 |
| 87 | Walker | 1-380-277-2755 | Sollicitudin A Malesuada Corporation | 60019 | Toronto | 06/11/14 |
| 88 | Adena | 1-756-948-8416 | Diam Ltd | B7T 5X7 | Stene | 05/30/14 |
| 89 | Bradley | 1-800-808-3688 | Nunc Quis LLC | 83932-949 | Uppingham. Cottesmore | 11/05/13 |
| 90 | Yvette | 1-843-923-0038 | Eget Metus PC | 47936 | Feira de Santana | 06/27/14 |
| 91 | Neil | 1-550-664-4050 | Aenean Euismod LLP | 28842 | Corby | 07/27/14 |
| 92 | Hunter | 1-637-483-4408 | In Nec Orci LLC | 49338 | Cleveland | 01/15/13 |
| 93 | Marcia | 1-512-896-6301 | Et Risus Industries | 74123 | Quinte West | 09/30/13 |
| 94 | Lavinia | 1-222-745-5312 | Nulla Interdum Curabitur LLC | 3531 | Assiniboia | 01/12/13 |
| 95 | Cynthia | 1-392-134-2788 | Nunc Ut Erat Company | I27 5OS | Pagazzano | 05/20/13 |
| 96 | Lee | 1-128-816-7274 | Litora Torquent Per PC | 11386 | Mazzano Romano | 04/18/14 |
| 97 | Linda | 1-546-735-8920 | Dis Parturient Montes Associates | 64629 | Ferlach | 03/29/14 |
| 98 | Wayne | 1-744-647-6144 | In Industries | Xxxx | Memphis | 06/11/14 |
| 99 | Liberty | 1-841-489-1665 | Sed Sem Limited | 27504-649 | Olivola | 05/24/14 |
| 100 | Cathleen | 1-883-567-6065 | Eu Corporation | 4286 | Rotheux-Rimi?re | 07/16/13 |
HTML Output (Run Time: 0.0001s)
<div class="panel-group smart-accordion-default" id="fae1ef7acacafcbdd8cc5aea85d7c2f3">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-parent="#fae1ef7acacafcbdd8cc5aea85d7c2f3" href="#panel1" data-toggle="collapse" class="collapsed"> <i class="fa fa-lg fa-chevron-down pull-right"></i> <i class="fa fa-lg fa-chevron-up pull-right"></i> Collapsible Group Item #1</a>
</h4>
</div>
<div id="panel1" class="panel-collapse collapse ">
<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-parent="#fae1ef7acacafcbdd8cc5aea85d7c2f3" href="#panel2" data-toggle="collapse" class=""> <i class="fa fa fa-fw fa-plus-circle txt-color-green pull-right"></i> <i class="fa fa-fw fa-minus-circle txt-color-red pull-right"></i> Collapsible Group Item #2</a>
</h4>
</div>
<div id="panel2" class="panel-collapse collapse in">
<div class="panel-body no-padding">
<table id="8fab5d64033b075ebfd37d6e2bdd8186" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th> ID </th>
<th> Name </th>
<th> Phone </th>
<th> Company </th>
<th> Zip </th>
<th> City </th>
<th> Date </th>
</tr>
</thead>
<tbody>
<tr>
<td> 1 </td>
<td> Jennifer </td>
<td> 1-342-463-8341 </td>
<td> Et Rutrum Non Associates </td>
<td> 35728 </td>
<td> Fogo </td>
<td> 03/04/14 </td>
</tr>
<tr>
<td> 2 </td>
<td> Clark </td>
<td> 1-516-859-1120 </td>
<td> Nam Ac Inc. </td>
<td> 7162 </td>
<td> Machelen </td>
<td> 03/23/13 </td>
</tr>
<tr>
<td> 3 </td>
<td> Brendan </td>
<td> 1-724-406-2487 </td>
<td> Enim Commodo Limited </td>
<td> 98611 </td>
<td> Norman </td>
<td> 02/13/14 </td>
</tr>
<tr>
<td> 4 </td>
<td> Warren </td>
<td> 1-412-485-9725 </td>
<td> Odio Etiam Institute </td>
<td> 10312 </td>
<td> Sautin </td>
<td> 01/01/13 </td>
</tr>
<tr>
<td> 5 </td>
<td> Rajah </td>
<td> 1-849-642-8777 </td>
<td> Neque Ltd </td>
<td> 29131 </td>
<td> Glovertown </td>
<td> 02/16/13 </td>
</tr>
<tr>
<td> 6 </td>
<td> Demetrius </td>
<td> 1-470-329-9627 </td>
<td> Euismod In Ltd </td>
<td> 1883 </td>
<td> Kapolei </td>
<td> 03/15/13 </td>
</tr>
<tr>
<td> 7 </td>
<td> Keefe </td>
<td> 1-188-191-2346 </td>
<td> Molestie Industries </td>
<td> 2211BM </td>
<td> Modena </td>
<td> 07/08/13 </td>
</tr>
<tr>
<td> 8 </td>
<td> Leila </td>
<td> 1-663-655-8904 </td>
<td> Est LLC </td>
<td> 75286 </td>
<td> Hondelange </td>
<td> 12/09/12 </td>
</tr>
<tr>
<td> 9 </td>
<td> Fritz </td>
<td> 1-598-234-7837 </td>
<td> Et Ultrices Posuere Institute </td>
<td> 2324 </td>
<td> Monte San Pietrangeli </td>
<td> 12/29/12 </td>
</tr>
<tr>
<td> 10 </td>
<td> Cassady </td>
<td> 1-212-965-8381 </td>
<td> Vitae Erat Vel Company </td>
<td> 5898 </td>
<td> Huntly </td>
<td> 10/07/13 </td>
</tr>
<tr>
<td> 11 </td>
<td> Rogan </td>
<td> 1-541-654-9030 </td>
<td> Iaculis Incorporated </td>
<td> 6464JN </td>
<td> Carson City </td>
<td> 05/30/13 </td>
</tr>
<tr>
<td> 12 </td>
<td> Candice </td>
<td> 1-153-708-6027 </td>
<td> Pellentesque Company </td>
<td> 8565 </td>
<td> Redruth </td>
<td> 02/25/14 </td>
</tr>
<tr>
<td> 13 </td>
<td> Brittany </td>
<td> 1-987-452-6038 </td>
<td> Suspendisse Inc. </td>
<td> 4031 </td>
<td> Carapicuíba </td>
<td> 10/13/13 </td>
</tr>
<tr>
<td> 14 </td>
<td> Baxter </td>
<td> 1-281-147-5085 </td>
<td> Nulla Donec Non Associates </td>
<td> 53067 </td>
<td> Yellowknife </td>
<td> 08/14/14 </td>
</tr>
<tr>
<td> 15 </td>
<td> Vaughan </td>
<td> 1-940-231-1787 </td>
<td> Metus Facilisis Lorem Incorporated </td>
<td> 26530-046 </td>
<td> Guarapuava </td>
<td> 11/17/12 </td>
</tr>
<tr>
<td> 16 </td>
<td> Ivan </td>
<td> 1-314-209-1223 </td>
<td> Posuere Vulputate Inc. </td>
<td> KX3W 1OI </td>
<td> Bienne-lez-Happart </td>
<td> 03/04/14 </td>
</tr>
<tr>
<td> 17 </td>
<td> Marah </td>
<td> 1-348-582-4041 </td>
<td> Feugiat Ltd </td>
<td> 2128 </td>
<td> Nîmes </td>
<td> 11/29/12 </td>
</tr>
<tr>
<td> 18 </td>
<td> Kiara </td>
<td> 1-570-428-6681 </td>
<td> Et Euismod Et Corp. </td>
<td> 70483 </td>
<td> Meeuwen </td>
<td> 03/28/13 </td>
</tr>
<tr>
<td> 19 </td>
<td> Brielle </td>
<td> 1-216-787-0056 </td>
<td> Quis Massa Mauris Institute </td>
<td> 19913 </td>
<td> Mombaruzzo </td>
<td> 12/17/12 </td>
</tr>
<tr>
<td> 20 </td>
<td> Kennedy </td>
<td> 1-997-154-9340 </td>
<td> Quis Diam Pellentesque Institute </td>
<td> 3092FI </td>
<td> Edmundston </td>
<td> 02/26/13 </td>
</tr>
<tr>
<td> 21 </td>
<td> Peter </td>
<td> 1-394-459-3833 </td>
<td> Mauris Eu Turpis Corporation </td>
<td> 27337 </td>
<td> Ravenstein </td>
<td> 06/05/14 </td>
</tr>
<tr>
<td> 22 </td>
<td> Kibo </td>
<td> 1-162-467-7160 </td>
<td> Massa LLP </td>
<td> 30305 </td>
<td> Witney </td>
<td> 08/20/14 </td>
</tr>
<tr>
<td> 23 </td>
<td> Tanek </td>
<td> 1-806-556-1897 </td>
<td> Pharetra Nam Industries </td>
<td> 84972 </td>
<td> Abbotsford </td>
<td> 05/03/14 </td>
</tr>
<tr>
<td> 24 </td>
<td> Guinevere </td>
<td> 1-850-940-6176 </td>
<td> Montes Nascetur Limited </td>
<td> 54983 </td>
<td> Rio Grande </td>
<td> 02/24/14 </td>
</tr>
<tr>
<td> 25 </td>
<td> Ronan </td>
<td> 1-168-544-4394 </td>
<td> Nunc Inc. </td>
<td> 12167 </td>
<td> Pinkafeld </td>
<td> 01/02/13 </td>
</tr>
<tr>
<td> 26 </td>
<td> Kasper </td>
<td> 1-153-221-5650 </td>
<td> Rutrum Limited </td>
<td> M9N 0N6 </td>
<td> Saint-G?ry </td>
<td> 04/03/14 </td>
</tr>
<tr>
<td> 27 </td>
<td> Otto </td>
<td> 1-894-944-5767 </td>
<td> Purus Maecenas Libero LLC </td>
<td> 74552-602 </td>
<td> Jauche </td>
<td> 11/17/13 </td>
</tr>
<tr>
<td> 28 </td>
<td> Brenda </td>
<td> 1-783-562-8563 </td>
<td> Sit Consulting </td>
<td> 15632 </td>
<td> Llandrindod Wells </td>
<td> 08/13/14 </td>
</tr>
<tr>
<td> 29 </td>
<td> Laith </td>
<td> 1-482-317-8464 </td>
<td> Tellus Limited </td>
<td> P8L 2V5 </td>
<td> Codó </td>
<td> 11/02/13 </td>
</tr>
<tr>
<td> 30 </td>
<td> Ella </td>
<td> 1-275-839-6518 </td>
<td> Tincidunt Inc. </td>
<td> V8L 7Y0 </td>
<td> Lummen </td>
<td> 09/29/13 </td>
</tr>
<tr>
<td> 31 </td>
<td> Hanae </td>
<td> 1-339-661-4197 </td>
<td> Nunc Incorporated </td>
<td> 47931 </td>
<td> South Burlington </td>
<td> 05/19/14 </td>
</tr>
<tr>
<td> 32 </td>
<td> Donna </td>
<td> 1-236-575-1365 </td>
<td> Ultricies Sem Incorporated </td>
<td> 78685 </td>
<td> Baranello </td>
<td> 02/19/13 </td>
</tr>
<tr>
<td> 33 </td>
<td> Bevis </td>
<td> 1-955-717-0835 </td>
<td> Est Ac Inc. </td>
<td> 7424 </td>
<td> Ichtegem </td>
<td> 08/15/13 </td>
</tr>
<tr>
<td> 34 </td>
<td> Celeste </td>
<td> 1-368-137-6285 </td>
<td> Tortor Nibh Sit Inc. </td>
<td> 01318 </td>
<td> Portobuffolè </td>
<td> 05/28/14 </td>
</tr>
<tr>
<td> 35 </td>
<td> Ila </td>
<td> 1-315-684-6122 </td>
<td> Gravida Sagittis Associates </td>
<td> 4438PF </td>
<td> Keswick </td>
<td> 11/22/13 </td>
</tr>
<tr>
<td> 36 </td>
<td> Alana </td>
<td> 1-586-261-7830 </td>
<td> Nullam Industries </td>
<td> 6044 </td>
<td> Bacabal </td>
<td> 03/04/13 </td>
</tr>
<tr>
<td> 37 </td>
<td> Rowan </td>
<td> 1-782-168-2387 </td>
<td> Aliquet Consulting </td>
<td> 33000 </td>
<td> Papasidero </td>
<td> 02/06/14 </td>
</tr>
<tr>
<td> 38 </td>
<td> Eric </td>
<td> 1-161-390-1140 </td>
<td> Odio Institute </td>
<td> 5652 </td>
<td> Moliterno </td>
<td> 03/14/13 </td>
</tr>
<tr>
<td> 39 </td>
<td> Dana </td>
<td> 1-989-320-2205 </td>
<td> Bibendum Fermentum Institute </td>
<td> X31 1HZ </td>
<td> Saint-Pierre </td>
<td> 02/25/13 </td>
</tr>
<tr>
<td> 40 </td>
<td> Karleigh </td>
<td> 1-218-513-8714 </td>
<td> Duis Volutpat Inc. </td>
<td> 1356 </td>
<td> Fresno </td>
<td> 06/09/14 </td>
</tr>
<tr>
<td> 41 </td>
<td> Malik </td>
<td> 1-869-972-9871 </td>
<td> Praesent Luctus Curabitur Limited </td>
<td> V3Y 0P0 </td>
<td> Roxboro </td>
<td> 05/09/14 </td>
</tr>
<tr>
<td> 42 </td>
<td> May </td>
<td> 1-462-220-8205 </td>
<td> Suspendisse Dui LLP </td>
<td> 4765 </td>
<td> Mold </td>
<td> 06/15/13 </td>
</tr>
<tr>
<td> 43 </td>
<td> Alan </td>
<td> 1-478-769-3709 </td>
<td> Suspendisse Inc. </td>
<td> 7354AC </td>
<td> Norfolk </td>
<td> 03/09/14 </td>
</tr>
<tr>
<td> 44 </td>
<td> Anastasia </td>
<td> 1-589-358-5285 </td>
<td> Mus Proin Institute </td>
<td> 33244 </td>
<td> Montbliart </td>
<td> 06/18/14 </td>
</tr>
<tr>
<td> 45 </td>
<td> Yardley </td>
<td> 1-422-907-2926 </td>
<td> Urna Et LLP </td>
<td> 88531 </td>
<td> Évreux </td>
<td> 05/23/14 </td>
</tr>
<tr>
<td> 46 </td>
<td> Oscar </td>
<td> 1-476-548-4758 </td>
<td> Nunc Id Enim Institute </td>
<td> T5Z 4YS </td>
<td> Burlington </td>
<td> 08/26/14 </td>
</tr>
<tr>
<td> 47 </td>
<td> Hasad </td>
<td> 1-397-946-7346 </td>
<td> Auctor Nunc Corp. </td>
<td> 2307HU </td>
<td> Savona </td>
<td> 10/29/13 </td>
</tr>
<tr>
<td> 48 </td>
<td> Mohammad </td>
<td> 1-984-931-7753 </td>
<td> Ultricies Dignissim LLP </td>
<td> 4718 </td>
<td> Nadrin </td>
<td> 12/08/13 </td>
</tr>
<tr>
<td> 49 </td>
<td> Nissim </td>
<td> 1-739-146-3150 </td>
<td> Lacus Ltd </td>
<td> UX95 5JM </td>
<td> Veere </td>
<td> 08/19/14 </td>
</tr>
<tr>
<td> 50 </td>
<td> Porter </td>
<td> 1-299-790-1428 </td>
<td> Aliquam LLC </td>
<td> 41708 </td>
<td> Montaldo Bormida </td>
<td> 11/02/12 </td>
</tr>
<tr>
<td> 51 </td>
<td> Sophia </td>
<td> 1-413-195-0820 </td>
<td> Viverra Maecenas Iaculis Ltd </td>
<td> 83468 </td>
<td> Doetinchem </td>
<td> 09/28/13 </td>
</tr>
<tr>
<td> 52 </td>
<td> Acton </td>
<td> 1-855-937-9214 </td>
<td> Vitae Sodales Company </td>
<td> 1757 </td>
<td> Bad Oldesloe </td>
<td> 04/13/13 </td>
</tr>
<tr>
<td> 53 </td>
<td> Briar </td>
<td> 1-846-339-0222 </td>
<td> Congue Turpis In Limited </td>
<td> 51510 </td>
<td> Caerphilly </td>
<td> 02/06/13 </td>
</tr>
<tr>
<td> 54 </td>
<td> Benjamin </td>
<td> 1-828-436-8902 </td>
<td> Aliquam Nec Enim Ltd </td>
<td> 4289GW </td>
<td> Holyhead </td>
<td> 12/17/13 </td>
</tr>
<tr>
<td> 55 </td>
<td> Gregory </td>
<td> 1-782-119-9191 </td>
<td> A PC </td>
<td> 14531 </td>
<td> Águas Lindas de Goiás </td>
<td> 04/11/14 </td>
</tr>
<tr>
<td> 56 </td>
<td> Marny </td>
<td> 1-255-275-2769 </td>
<td> Malesuada Institute </td>
<td> 41706 </td>
<td> Montaldo Bormida </td>
<td> 12/19/13 </td>
</tr>
<tr>
<td> 57 </td>
<td> Indira </td>
<td> 1-215-687-1488 </td>
<td> Augue Id Ante PC </td>
<td> 42010 </td>
<td> Lorient </td>
<td> 09/02/13 </td>
</tr>
<tr>
<td> 58 </td>
<td> Fleur </td>
<td> 1-309-181-4794 </td>
<td> Libero Donec Consectetuer Corp. </td>
<td> ZD4H 3NF </td>
<td> Valleyview </td>
<td> 01/13/14 </td>
</tr>
<tr>
<td> 59 </td>
<td> Fulton </td>
<td> 1-380-339-9492 </td>
<td> Vulputate LLP </td>
<td> 01154 </td>
<td> Blois </td>
<td> 04/16/13 </td>
</tr>
<tr>
<td> 60 </td>
<td> Arsenio </td>
<td> 1-794-184-3132 </td>
<td> Nec Diam Duis Ltd </td>
<td> 91908 </td>
<td> Foligno </td>
<td> 05/24/13 </td>
</tr>
<tr>
<td> 61 </td>
<td> Jaden </td>
<td> 1-979-292-4559 </td>
<td> Vestibulum Ante Industries </td>
<td> 2724 </td>
<td> Bertogne </td>
<td> 06/16/14 </td>
</tr>
<tr>
<td> 62 </td>
<td> Kylie </td>
<td> 1-900-819-9083 </td>
<td> Arcu Vestibulum Ut Incorporated </td>
<td> E6R 8N1 </td>
<td> Scandriglia </td>
<td> 03/19/14 </td>
</tr>
<tr>
<td> 63 </td>
<td> Melyssa </td>
<td> 1-911-370-2794 </td>
<td> Pede Sagittis Augue Ltd </td>
<td> 37293 </td>
<td> Frauenkirchen </td>
<td> 08/31/13 </td>
</tr>
<tr>
<td> 64 </td>
<td> Jerry </td>
<td> 1-501-422-6929 </td>
<td> Nonummy Ut Molestie LLP </td>
<td> 9024 </td>
<td> Nossegem </td>
<td> 07/22/13 </td>
</tr>
<tr>
<td> 65 </td>
<td> Rhiannon </td>
<td> 1-188-451-3938 </td>
<td> Elit Pellentesque Consulting </td>
<td> 12283 </td>
<td> College </td>
<td> 08/16/14 </td>
</tr>
<tr>
<td> 66 </td>
<td> Price </td>
<td> 1-769-162-9068 </td>
<td> Vitae Erat Vivamus Corp. </td>
<td> 6843 </td>
<td> Villata </td>
<td> 08/18/14 </td>
</tr>
<tr>
<td> 67 </td>
<td> Ginger </td>
<td> 1-263-395-0268 </td>
<td> Ligula Institute </td>
<td> 1979 </td>
<td> Rodengo/Rodeneck </td>
<td> 06/14/13 </td>
</tr>
<tr>
<td> 68 </td>
<td> Britanney </td>
<td> 1-121-616-0992 </td>
<td> Nec Diam LLP </td>
<td> 07095 </td>
<td> Queanbeyan </td>
<td> 09/01/13 </td>
</tr>
<tr>
<td> 69 </td>
<td> Wylie </td>
<td> 1-736-996-8984 </td>
<td> Arcu Industries </td>
<td> 7587LK </td>
<td> Fauglia </td>
<td> 01/24/13 </td>
</tr>
<tr>
<td> 70 </td>
<td> Holly </td>
<td> 1-210-117-9053 </td>
<td> Adipiscing Incorporated </td>
<td> 9053 </td>
<td> Dortmund </td>
<td> 04/21/13 </td>
</tr>
<tr>
<td> 71 </td>
<td> Althea </td>
<td> 1-525-409-7849 </td>
<td> Vel Company </td>
<td> 20125 </td>
<td> Qualicum Beach </td>
<td> 09/27/13 </td>
</tr>
<tr>
<td> 72 </td>
<td> Quintessa </td>
<td> 1-947-731-6466 </td>
<td> Nunc Interdum Foundation </td>
<td> 3260 </td>
<td> Llandrindod Wells </td>
<td> 04/06/13 </td>
</tr>
<tr>
<td> 73 </td>
<td> Fitzgerald </td>
<td> 1-725-747-2841 </td>
<td> Torquent Associates </td>
<td> 01688-439 </td>
<td> Manchester </td>
<td> 02/06/14 </td>
</tr>
<tr>
<td> 74 </td>
<td> Keefe </td>
<td> 1-672-945-4291 </td>
<td> Mollis Dui PC </td>
<td> 73231 </td>
<td> Hillsboro </td>
<td> 06/24/13 </td>
</tr>
<tr>
<td> 75 </td>
<td> Rudyard </td>
<td> 1-504-162-2567 </td>
<td> Ipsum Curabitur Consequat Foundation </td>
<td> Xxxx </td>
<td> Kimberly </td>
<td> 12/12/13 </td>
</tr>
<tr>
<td> 76 </td>
<td> Kareem </td>
<td> 1-716-663-9703 </td>
<td> In Ltd </td>
<td> 2707 </td>
<td> Legal </td>
<td> 01/29/14 </td>
</tr>
<tr>
<td> 77 </td>
<td> Genevieve </td>
<td> 1-361-358-3030 </td>
<td> Mi PC </td>
<td> 4995 </td>
<td> Crieff </td>
<td> 04/25/13 </td>
</tr>
<tr>
<td> 78 </td>
<td> Wang </td>
<td> 1-806-922-8622 </td>
<td> Lacinia Vitae Corporation </td>
<td> 1850UC </td>
<td> Rudiano </td>
<td> 04/05/14 </td>
</tr>
<tr>
<td> 79 </td>
<td> Odessa </td>
<td> 1-983-915-7779 </td>
<td> Dolor Donec Corporation </td>
<td> L2M 1L6 </td>
<td> Siddi </td>
<td> 01/05/13 </td>
</tr>
<tr>
<td> 80 </td>
<td> Adrienne </td>
<td> 1-771-540-3805 </td>
<td> Eu Lacus Incorporated </td>
<td> 2116 </td>
<td> Lincoln </td>
<td> 09/13/14 </td>
</tr>
<tr>
<td> 81 </td>
<td> Charity </td>
<td> 1-749-804-8328 </td>
<td> Aenean Sed Pede Foundation </td>
<td> 14470-440 </td>
<td> Haverfordwest </td>
<td> 08/01/13 </td>
</tr>
<tr>
<td> 82 </td>
<td> Kieran </td>
<td> 1-333-507-3878 </td>
<td> Malesuada Ut Sem Corp. </td>
<td> W3C 3PM </td>
<td> Croydon </td>
<td> 10/30/13 </td>
</tr>
<tr>
<td> 83 </td>
<td> Alika </td>
<td> 1-544-422-1437 </td>
<td> Integer Tincidunt Company </td>
<td> Xxxx </td>
<td> Plymouth </td>
<td> 12/26/12 </td>
</tr>
<tr>
<td> 84 </td>
<td> Shay </td>
<td> 1-530-583-8669 </td>
<td> Diam LLP </td>
<td> 63260 </td>
<td> College </td>
<td> 08/20/14 </td>
</tr>
<tr>
<td> 85 </td>
<td> Cailin </td>
<td> 1-415-254-8139 </td>
<td> Placerat Eget Foundation </td>
<td> L3M 4R6 </td>
<td> Jonqui?re </td>
<td> 09/12/14 </td>
</tr>
<tr>
<td> 86 </td>
<td> Xena </td>
<td> 1-979-983-1456 </td>
<td> Tellus Eu Augue Associates </td>
<td> 09703-746 </td>
<td> Angleur </td>
<td> 05/21/13 </td>
</tr>
<tr>
<td> 87 </td>
<td> Walker </td>
<td> 1-380-277-2755 </td>
<td> Sollicitudin A Malesuada Corporation </td>
<td> 60019 </td>
<td> Toronto </td>
<td> 06/11/14 </td>
</tr>
<tr>
<td> 88 </td>
<td> Adena </td>
<td> 1-756-948-8416 </td>
<td> Diam Ltd </td>
<td> B7T 5X7 </td>
<td> Stene </td>
<td> 05/30/14 </td>
</tr>
<tr>
<td> 89 </td>
<td> Bradley </td>
<td> 1-800-808-3688 </td>
<td> Nunc Quis LLC </td>
<td> 83932-949 </td>
<td> Uppingham. Cottesmore </td>
<td> 11/05/13 </td>
</tr>
<tr>
<td> 90 </td>
<td> Yvette </td>
<td> 1-843-923-0038 </td>
<td> Eget Metus PC </td>
<td> 47936 </td>
<td> Feira de Santana </td>
<td> 06/27/14 </td>
</tr>
<tr>
<td> 91 </td>
<td> Neil </td>
<td> 1-550-664-4050 </td>
<td> Aenean Euismod LLP </td>
<td> 28842 </td>
<td> Corby </td>
<td> 07/27/14 </td>
</tr>
<tr>
<td> 92 </td>
<td> Hunter </td>
<td> 1-637-483-4408 </td>
<td> In Nec Orci LLC </td>
<td> 49338 </td>
<td> Cleveland </td>
<td> 01/15/13 </td>
</tr>
<tr>
<td> 93 </td>
<td> Marcia </td>
<td> 1-512-896-6301 </td>
<td> Et Risus Industries </td>
<td> 74123 </td>
<td> Quinte West </td>
<td> 09/30/13 </td>
</tr>
<tr>
<td> 94 </td>
<td> Lavinia </td>
<td> 1-222-745-5312 </td>
<td> Nulla Interdum Curabitur LLC </td>
<td> 3531 </td>
<td> Assiniboia </td>
<td> 01/12/13 </td>
</tr>
<tr>
<td> 95 </td>
<td> Cynthia </td>
<td> 1-392-134-2788 </td>
<td> Nunc Ut Erat Company </td>
<td> I27 5OS </td>
<td> Pagazzano </td>
<td> 05/20/13 </td>
</tr>
<tr>
<td> 96 </td>
<td> Lee </td>
<td> 1-128-816-7274 </td>
<td> Litora Torquent Per PC </td>
<td> 11386 </td>
<td> Mazzano Romano </td>
<td> 04/18/14 </td>
</tr>
<tr>
<td> 97 </td>
<td> Linda </td>
<td> 1-546-735-8920 </td>
<td> Dis Parturient Montes Associates </td>
<td> 64629 </td>
<td> Ferlach </td>
<td> 03/29/14 </td>
</tr>
<tr>
<td> 98 </td>
<td> Wayne </td>
<td> 1-744-647-6144 </td>
<td> In Industries </td>
<td> Xxxx </td>
<td> Memphis </td>
<td> 06/11/14 </td>
</tr>
<tr>
<td> 99 </td>
<td> Liberty </td>
<td> 1-841-489-1665 </td>
<td> Sed Sem Limited </td>
<td> 27504-649 </td>
<td> Olivola </td>
<td> 05/24/14 </td>
</tr>
<tr>
<td> 100 </td>
<td> Cathleen </td>
<td> 1-883-567-6065 </td>
<td> Eu Corporation </td>
<td> 4286 </td>
<td> Rotheux-Rimi?re </td>
<td> 07/16/13 </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-parent="#fae1ef7acacafcbdd8cc5aea85d7c2f3" href="#panel3" data-toggle="collapse" class="collapsed"> <i class="fa fa-lg fa-chevron-down pull-right"></i> <i class="fa fa-lg fa-chevron-up pull-right"></i> Collapsible Group Item #3</a>
</h4>
</div>
<div id="panel3" class="panel-collapse collapse ">
<div class="panel-body"></div>
</div>
</div>
</div>SmartUI::Accordion Class
This is a basic usage of SmartUI's Accordion class. If you want to know more about the real HTML layout, click here
SmartUI::Accordion($panels [, $options = array()])
$panels
The $panels parameter will initiate the number of panels displayed. You can pass either an assoc array that contains panel ids or just an array(not recomended) hense ids will be the zero base index number.
$panels = array(
'my-panel-1' => array(
'content' => '',
'container' => 'Collapsible Group Item #1',
'icons' => array()
),
'my-panel-1' => array(
'content' => '',
'container' => 'Collapsible Group Item #2',
'icons' => array(),
)
// so on ...
)
// or ...
$panels = array(
'my-panel-1' => 'Collapsible Group Item #1', // value acts as the 'title' property
'my-panel-2' => 'Collapsible Group Item #2',
// so on ...
);
// or ...
$panels = array('Collapsible Group Item #1', 'Collapsible Group Item #2'); // panel #0 and #1 as ids
Setup
$ui = new SmartUI;
$mypanels = array(
'my-panel-1' => 'Collapsible Group Item #1',
'my-panel-2' => 'Collapsible Group Item #2',
);
$accordion = $ui->create_accordion($mypanels);
Usage
$accordion->content('my-panel-1', 'This is the content of my panel 1');
$accordion->content('my-panel-2', 'This is the content of my panel 2');
Print it!
$accordion->print_html();
Property Reference
Below are the list of available properties for the class:
Accordion::panel
An array - The list of panels (provided upon creation of SmartUI::Accordion)
$accordion->panel('my-panel-1', array('content' => 'The content of this panel'));
// or ...
$accordion->panel('my-panel-1', 'My panel 1'); // set as panel's 'content' property
Accordion::content
An array or closure of panels with their content property.
$accordion->content = array(
'my-panel-1' => 'This is the content of my panel 1'
);
// or ...
$accordion->content('my-panel-1', 'This is the content of my panel 1');
// or even closure with callback (optional)
$accordion->content('my-panel-1', function($this, $panels) {
return 'This is the content of my panel and I am coding some stuff here to return';
}, function($this) {
// your callback code here ...
})
Below other properties that are using the same setup as Accordion::content property
Accordion::icons
An array or closure - Accordion needs TWO icons (collapsed and expanded icons). We can specify this by passing an array of the two icons
$accordion->icons('my-panel-2', array('fa fa-fw fa-plus-circle txt-color-green pull-right', 'fa-fw fa-minus-circle txt-color-red pull-right'));
On the other hand, setting Accordion::options['global_icons'] will set your panel's to this icons
$accordion->options('global_icons', array('fa-lg fa-angle-down pull-right', 'fa-lg fa-angle-up pull-right'));
Accordion::expand
Accordion::padding
Accordion::options
An array - options available for the class
$options = array(
'global_icons' => array('fa-lg fa-angle-down pull-right', 'fa-lg fa-angle-up pull-right')
);
// sample call
$accordion->options('global_icons', array('fa-lg fa-angle-down pull-right', 'fa-lg fa-angle-up pull-right'));