Javascript 在滑动条下方添加链接

有人知道如何在幻灯片切换到下一张幻灯片时使链接消失吗？文本消失了，但当我尝试将其插入HTML时，链接仍然保留

在此方面的任何帮助都将不胜感激

$（文档）.ready（函数（）{
$（'.center'）。光滑({
点：是的，
自适应高度：正确，
英文特：错，
centerMode：对，
中心填充：“60px”，
可拖动：错误，
可访问性：是的，
焦点选择：正确，
可变宽度：true，
幻灯片放映：3，
幻灯片滚动：1，
响应：[{
断点：1024，
设置：{
幻灯片放映：3，
幻灯片滚动：3，
无限：是的，
圆点：对
}
},
{
断点：600，
设置：{
幻灯片放映：3，
幻灯片滚动：1
}
},
{
断点：480，
设置：{
幻灯片放映：1，
幻灯片滚动：1
}
}
],
自动播放：对
});				
});
.center{
填充：60px 0px；
文本对齐：居中；
}
.圆滑中心{
变换：比例（1.25,1.25）；
过渡：全部放松。15秒放松；
z指数：2；
//溢出：隐藏；
颜色：黑色；
不透明度：1；
}
.圆滑的中心a{
颜色：#000；
}
.花里胡哨的名单{
溢出：可见；
高度：500px；
}
#容器{
溢出：隐藏；
}
.光滑滑块{
背景色：#fff；
颜色：#fff；
}
h1{
文本对齐：居中；
}

滑溜转盘中心
性质1

性质2

性质3

性质4

性质5

性质6

性质7

您可以使用.slick current类针对您的风格

我已将您的css修改为此

.slick-slide a{
  color: #000;
  display: none;
}

.slick-slide.slick-current a{
  display: block;
}


$（文档）.ready（函数（）{
$（'.center'）。光滑({
点：是的，
自适应高度：正确，
英文特：错，
centerMode：对，
中心填充：“60px”，
可拖动：错误，
可访问性：是的，
焦点选择：正确，
可变宽度：true，
幻灯片放映：3，
幻灯片滚动：1，
响应：[{
断点：1024，
设置：{
幻灯片放映：3，
幻灯片滚动：3，
无限：是的，
圆点：对
}
},
{
断点：600，
设置：{
幻灯片放映：3，
幻灯片滚动：1
}
},
{
断点：480，
设置：{
幻灯片放映：1，
幻灯片滚动：1
}
}
],
自动播放：对
});				
});
.center{
填充：60px 0px；
文本对齐：居中；
}
.圆滑中心{
变换：比例（1.25,1.25）；
过渡：全部放松。15秒放松；
z指数：2；
//溢出：隐藏；
颜色：黑色；
不透明度：1；
}
.滑滑梯{
颜色：#000；
显示：无；
}
滑溜{
显示：块；
}
.花里胡哨的名单{
溢出：可见；
高度：500px；
}
#容器{
溢出：隐藏；
}
.光滑滑块{
背景色：#fff；
颜色：#fff；
}
h1{
文本对齐：居中；
}

滑溜转盘中心
性质1

性质2

性质3

性质4

性质5

性质6

性质7

没问题：-）。如果答案能解决问题，就接受它