JQuery UI滑块处理淡入淡出的颜色，直到单击为止

我有一个使用jQueryUI的垂直滑块，我想让它更明显一些，有人应该点击它。为了实现这一点，我想我希望它改变颜色，直到第一次点击。我试图找出要改变的元素，但失败了

我正在努力：

$("secrets-slider.a").animate("background-color","orange",500).animate("background-color","red",500);

然后设置超时并再次调用该函数。但是，secret slider.a在引用句柄时似乎不起作用。我该怎么做

编辑：因为我被要求提供代码，所以它就在这里（尽管我不明白为什么需要它，因为它是股票jqueryui）

---

我不确定您希望如何更改颜色，但这里有一个选项：

---

你能把你所有的代码都包括进去吗？这几乎完全正确。我不知道为什么我指的是班级。那是我愚蠢的错误，我们都去过。别担心。

  $(function () {
      $("#slider-vertical").slider({
          orientation: "vertical",
          range: "min",
          min: 0,
          max: 100,
          value: 60,
          slide: function (event, ui) {
              $("#amount").val(ui.value);
              $('#slider-vertical a').css('background-color', 'gray');
          }
      });
  });