[Resolved] Reset button does not hide the filter

[Author]

Posts

[RafaelL7560]

Hello,

I'm having trouble hiding the filter. In this example hidden link, clicking on the reset button "Zurücksetzen" hides the other filters ( button "Weitere Filter"). The code to it is:

jQuery(document).ready(function($)
{
    $(".js-wpv-reset-trigger").click(function(e) {
      $("div#moreFilter").hide(); 
    });
});

Unfortunately, this example hidden link does not work with the same code. If I click on the reset button "Zurücksetzen" here, the other filters are unfolded instead of hiding them. It's the same code:

jQuery(document).ready(function($)
{
  $(".js-wpv-reset-trigger").click(function(e) {
    $("div#moreFilterGM").hide(); 
  });
});

Do you have an idea ahead it could be?

[Minesh]

Hello. Thank you for contacting the Toolset support.

Well - I do not see the "Reset" button with any of the tabs. Do I misunderstand your issue here?

Could you please share few screenshot and point out what is the issue or step by step information so first I understand the issue and guide you in right direction.

[RafaelL7560]

If you click on the button "Weitere Filter" (Pic1) further filter options will appear, which are displayed below the location and radios. Now I want to use the reset button "Zurücksetzen" (Pic2) to hide the displayed filters again. So that only the location and radius are displayed again (Pic3).

This example works very well: hidden link
However, the example with Google Maps hidden link does not work, although it is the same code.

[Minesh]

Ok - this looks like some JS issue. could you please share access details.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I would additionally need your permission to de- and re-activate Plugins and the Theme, and to change configurations on the site. This is also a reason the backup is really important. If you agree to this, please use the form fields I have enabled below to provide temporary access details (wp-admin and FTP).

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Well - I've added following code to your view's filter section's JS box:

jQuery( document ).on( 'js_event_wpv_parametric_search_form_updated', function( event, data ) {
	/**
	* data.view_unique_id (string) The View unique ID hash
	* data.view_changed_form (object) The jQuery object for the View form after being updated
	* data.view_changed_form_additional_forms_only (object) The jQuery object containing additional forms from other instances of the same View inserted using the [wpv-form-view] shortcode
	* data.view_changed_form_additional_forms_full (object) The jQuery object containing additional forms from other instances of the same View inserted using the [wpv-view] shortcode
	*/
  if( $('#moreFilterGM').css('display') == 'block'){
      jQuery("div#moreFilterGM").hide();
      e.preventDefault();
    }
	
});

I can see its working fine. I have made few other amendments as well , like - commented following line:

// btn.setText ("New button text");

And document.ready section:

jQuery(document).ready(function($){
  jQuery("div#moreFilterGM").hide();
 
});

I see its working fine. could you please confirm.

[RafaelL7560]

Hello,

thank you, it works very well. Thank you for your help. 🙂 Great work 🙂