如何隐藏滑块拇指直到单击？

Question

我试图隐藏滑块拇指，直到用户点击滑块。 我可以隐藏拇指，直到用户使用 jQuery 单击（见下文）。但我无法做相反的事情。它似乎是一个 css 修复，而不是 jsPsych 中的任何内容。我的想法是将 on_start 与 document.querySelector 一起使用，但到目前为止我还没有设法让它工作。我看过一些关于此的帖子，但它们要么不起作用，要么看起来不必要地复杂。我在这里错过了明显的东西吗？

非常感谢您的帮助！

var trial = {
    type: 'html-slider-response',
    stimulus: jsPsych.timelineVariable('stimulus'),
    labels: ['0', '100'],
    on_load: function(){
      document.querySelector('#jspsych-html-slider-response-response').addEventListener('click', function(e){
        e.target.style.visibility = 'show'})
    },
 };