How to open a slider on dropdown change?

Question

Hi,

I have a form with three sliders containing dropdowns. The first slider is open by default. When I select an option from the dropdown in the first slider I want the second slider to open. This will then display the next set of options.

I have the code

jQuery(document).ready(function($){
 jQuery('#slider-14').removeClass('collapse');
 });

However this only works when placed in the on load event in a JavaScript action.

Is it possible to evoke this code when I select an option in a dropdown in slider one?

Many thanks

damienbut · Accepted Answer

OK, since I have had no reply to this issue then I spent some time resolving it myself.

You need to insert the following code into a load javascript action in the on load event on the setup page:


jQuery(document).ready(function(){
   jQuery('#name_of_your_input').on('change', function() {
      jQuery('#id_of_slider').removeClass('collapse');
   });
  });

How to open a slider on dropdown change?

Open a slider on dropdown selection in ChronoForms.

Overview