Slider questions customisation

Question

Hi all

For a questionnaire I have different blocks with slider questions. In one block, I need the handle to appear only when people click on the track. This issue is already resolved: in the look and feel section the css code is:

.handle{
          visibility:hidden;
}

and I added some javascript in the question part to make it appear again:

var q = jQuery("#"+this.questionId);
q.find(".track").on("click", function() {
jQuery(this).find(".handle").css('visibility', 'visible');
});

The problem that I have now is that in another block I need the the handle to be visible when the questions appears. I tried to reverse the css code and added to the javascript:
var styles = {

//.handle
    handleClass: {
            visibility: "visible"
    }
}

Unfortunately, this didn't work. As I am not really a coder, my coding knowledge is quite limited. Does someone have a better idea how to resolve my problem?
Thanks in advance!

NiC · Accepted Answer

hi @jaegtiz As you want your slider to appear like a normal slider for one question and customized for other i would suggest you rather use this code : `var q = jQuery("#"+this.questionId);q.find(".handle").css('visibility', 'hidden');q.find(".track").on("click", function() {jQuery(this).find(".handle").css('visibility', 'visible');});`for the question you need the slider hidden until the track is clicked.And for the other you just have a normal slider question.with this custom CSS , you were applying this css to all question that have a class handle (like the slider question)`.handle{visibility:hidden;}`so a custom js code specific to the question would be better.

jaegtiz · Answer

Thank you very much for your answer!

Sign up

Social Login

Login to the community

Social Login

Scanning file for viruses.

This file cannot be downloaded