jquery - Hide a filter by default and show on clicking toggle button -

jquery - Hide a filter by default and show on clicking toggle button -

i using drupal 7 in windows. have created view displays results dynamically populated anding 4 exposed filters (by default set any).

in view, hide filter , show results default. on clicking toggle button, show filter. changing filter parameter trigger query database , reload page results based on new filter parameters. when reloading show filter.

i have filter wrapped in container div (.view-filters) , form (#views-exposed-form-blog-styles-page-2). seek toggle display on clicking div(#toggle-faculty-filter) styled button.

when clicked on filter results button, toggle display property. filter wrapped in form , every time filter values change, form gets submitted triggering query database. page reloads , filtered results displayed. div stays hidden.

either: observe form submit event , set display property block. way when page reloads new values, can see filter.

or:i set display:none div in ready event using jquery. utilize button toggle display. in page, observe if coming page first time or reload after triggering of form submit event. in case of latter, set display property of div block.

the problem can't see filter on reload despite first method. don't know how observe how have reached current page (via form submit/reload or redirected other page)

css:.page-faculty .view-filters { display: none; }

i have hidden container div of filter default.

jquery:

$(document).ready(function () { $("#toggle-faculty-filter").click(function () { $(".page-faculty .view-filters").toggle(); }); $('#views-exposed-form-blog-styles-page-2').submit(function () { $('#view-filters').show(); }); });

please help...

jquery forms filter toggle