Twitter Bootstrap Use collapse.js on table cells [Almost Done]

by

I’m not sure you have gotten past this yet, but I had to work on something very similar today and I got your fiddle working like you are asking, basically what I did was make another table row under it, and then used the accordion control. I tried using just collapse but could not get it working and saw an example somewhere on SO that used accordion.

Here’s your updated fiddle:
http://jsfiddle.net/whytheday/2Dj7Y/11/

Since I need to post code here is what each collapsible “section” should look like ->

<tr data-toggle="collapse" data-target="#demo1" class="accordion-toggle">
    <td>1</td>
    <td>05 May 2013</td>
    <td>Credit Account</td>
    <td class="text-success">$150.00</td>
    <td class="text-error"></td>
    <td class="text-success">$150.00</td>
</tr>

<tr>
    <td colspan="6" class="hiddenRow">
        <div class="accordion-body collapse" id="demo1">Demo1</div>
    </td>
</tr>

More Related Contents:

  1. How to change the bootstrap css width into 1000px? [closed]
  2. anchor click doesn’t open the modal
  3. Issue with a design when content increase [closed]
  4. What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)
  5. Hide Twitter Bootstrap nav collapse on click
  6. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  7. How to fade loop background images?
  8. Bootstrap CSS Active Navigation
  9. How to change the element of another div by clicking and hovering on an element of a different div
  10. Hide/Show div on specific page with jquery
  11. Use jQuery to hide a DIV when the user clicks outside of it
  12. How to detect if two divs touch with jquery?
  13. jQuery find closest previous sibling with class
  14. How can I keep Bootstrap popovers alive while being hovered?
  15. How to detect input type=file “change” for the same file?
  16. How to reset the bootstrap modal when it gets closed and open it fresh again?
  17. How to get only direct text without tags with jQuery in HTML
  18. How to insert close button in popover for Bootstrap
  19. jQuery select change show/hide div event
  20. How to use jQuery to add form elements dynamically
  21. How to open specific tab of bootstrap nav tabs on click of a particuler link using jQuery?
  22. need click twice after hide a shown bootstrap popover
  23. Get the value of -webkit-transform of an element with jquery
  24. Draggable div without jQuery UI
  25. How to force an HTML form to validate without submitting it via jQuery
  26. Jquery Multiple load in a DIV
  27. How to handle the modal closing event in Twitter Bootstrap?
  28. How add spaces between Slick carousel item
  29. Datatables warning(table id = ‘example’): cannot reinitialise data table
  30. jQuery: find input field closest to button

Leave a Comment