javascript - hide/display filter for tablesorter -

i d able hide/display filters while using tablesorter.

using table sorter went fine when added button execute :

function display_hide_filter() {      var filters = document.getelementsbyclassname('tablesorter-filter-row');       (var = 0; < filters.length; i++) {         var filter = filters[i];         if (filter.style.display == 'none') {             filter.style.display='inline';         } else {             filter.style.display='none';         }     } } 

i weird answer. hiding filter fine re displaying turn having filter cells under first header cell.

since got poor english , css/js skills, hope didnt miss in documentation tried trough thousant times no success.

thanks help

there filter_hidefilters option minimizes filter row until user hovers on it. accessible friendly in user can use tab key gain access filter inputs (demo).

if want hide/show filter row, basic code work (demo):

html

<button type="button">toggle filter row</button> 

script

$(function () {     $('table').tablesorter({         theme: 'blue',         widthfixed: true,         widgets: ['zebra', 'filter']     });      $('button').click(function(){         $('.tablesorter-filter-row').toggle();     }); });