In Page Display Logic is unavailable for Sliders

Hi there, if you still need, I was able to put this in place by adapting the code in this post.
First, create a Multiple Choice question that is Single select and has 3 choice options. After this question and on the same page, create a Slider question that has 3 statements. Note the Question ID of this Slider question.
Back in the Multiple Choice question, add the below to the question's JavaScript in the OnReady section, updating the Question ID bit from "#QID25" to whatever the Question ID is for the Slider question.
var sliderqid = "#QID25";
var slider1 = sliderqid+" > div.Inner.BorderColor.HSLIDER > div > fieldset > div > div > div:nth-child(2)";
var slider2 = sliderqid+" > div.Inner.BorderColor.HSLIDER > div > fieldset > div > div > div:nth-child(3)";
var slider3 = sliderqid+" > div.Inner.BorderColor.HSLIDER > div > fieldset > div > div > div:nth-child(4)";

// hide slider question from start
  jQuery(sliderqid).hide();

  // when current question is clicked
  this.questionclick = function(event, element) { 

    // create variable with clicked answer and check
    var selectedChoice = this.getSelectedChoices();

    // show sliders if condition is met
    if (selectedChoice == "1") {
      jQuery(sliderqid).show('.QuestionText');
      jQuery(sliderqid).show('.labels-container');
      jQuery(slider1).show();
jQuery(slider2).hide();
jQuery(slider3).hide();
    }
    if (selectedChoice == "2") {
      jQuery(sliderqid).show('.QuestionText');
      jQuery(sliderqid).show('.labels-container');
      jQuery(slider2).show();
jQuery(slider1).hide();
jQuery(slider3).hide();
    }
    if (selectedChoice == "3") {
      jQuery(sliderqid).show('.QuestionText');
      jQuery(sliderqid).show('.labels-container');
      jQuery(slider3).show();
jQuery(slider1).hide();
jQuery(slider2).hide();
    } 
  
  }
Finally, as noted in the community post, the width of the track changes when the slider container is displayed which makes it unusable. To tackle this, add the below CSS to the Style section of the survey's Look & Feel:
.JFEScope .Skin .horizontalbar.MobileFriendly .track {
    width: 100% !important;
}