You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

collapsible-table.js 1.5KB

1234567891011121314151617181920212223242526272829303132
  1. $(function() {
  2. $('i.table-group-collapsible')
  3. .click(function(){
  4. $(this).closest('tr.group.collapsible').nextUntil('tr.group.collapsible').toggle();
  5. $(this).toggleClass('fa-minus-square-o');
  6. $(this).toggleClass('fa-plus-square-o');
  7. });
  8. $('i.table-openall-collapsible')
  9. .click(function(){
  10. $('tr.group.collapsible').first().find('i').addClass('fa-minus-square-o');
  11. $('tr.group.collapsible').first().find('i').removeClass('fa-plus-square-o');
  12. $('tr.group.collapsible').first().nextAll('tr:not(tr.group.collapsible)').show();
  13. $('tr.group.collapsible').first().nextAll('tr.group.collapsible').find('i').addClass('fa-minus-square-o');
  14. $('tr.group.collapsible').first().nextAll('tr.group.collapsible').find('i').removeClass('fa-plus-square-o');
  15. });
  16. $('i.table-closeall-collapsible')
  17. .click(function(){
  18. $('tr.group.collapsible').first().find('i').addClass('fa-plus-square-o');
  19. $('tr.group.collapsible').first().find('i').removeClass('fa-minus-square-o');
  20. $('tr.group.collapsible').first().nextAll('tr:not(tr.group.collapsible)').hide();
  21. $('tr.group.collapsible').first().nextAll('tr.group.collapsible').find('i').addClass('fa-plus-square-o');
  22. $('tr.group.collapsible').first().nextAll('tr.group.collapsible').find('i').removeClass('fa-minus-square-o');
  23. });
  24. $( document ).ready(function() {
  25. if($('tr.group.collapsible').first().find('i').hasClass('fa-plus-square-o')) {
  26. $('tr.group.collapsible').first().nextAll('tr:not(tr.group.collapsible)').hide();
  27. }
  28. });
  29. });