<style type="text/css"> .ts-indicator { display: inline-block; float: right; cursor: pointer; } </style> <script type="text/javascript"> $(document).ready(function(){ var ts = $('.gpWidget-tradeskills'); if (ts.length){ ts.find('.StyledListHeader') .append('<span class="ts-indicator">[<span class="ts-status">-</span>]</span>').parent() .addClass('StyledListHeaderRow') .click(function(){ var rows = $(this).nextUntil('.StyledListHeaderRow').toggle(); $(this).find('.ts-status').html( rows.is(':hidden') ? '-' : '+' ); }) .nextUntil('.StyledListHeaderRow').hide(); } }); </script>