Slider without anchoring. Handle appearing on click

Question

Hi there! I want to implement a slider without showing the handle until the handle bar is clicked on to prevent any anchoring. Based on several posts this seems to work just fine. However, I do get it to work. Any ideas why?  Thanks a lot!

RickB · Accepted Answer

Hey @m_schneidermabey it will work with this changeQualtrics.SurveyEngine.addOnload(function() {  /* Place your JavaScript here to run when the page loads */});Qualtrics.SurveyEngine.addOnReady(function() {  /* place your JavaScript here to run when the page is fully displayed */  var firstclick = 0;  jQuery('.handle').hide(); // Assuming '.handle' is the class of the element you want to hide  jQuery('.track').on("mouseover", function() {    jQuery(this).find(".handle").show();    if (firstclick == 0) {      jQuery(this).find(".handle").css("width", "0px");    }  });  jQuery('.track').on("click", function() {    firstclick = firstclick + 1;    jQuery(this).find(".handle").css("width", "20px");  });});Qualtrics.SurveyEngine.addOnUnload(function() {  /* Place your JavaScript here to run when the page loads */});

m_schneider · Answer

You are a champ! Works like a charm :)

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded