Javascript 用于触发某个向上滑动的链接和用于触发向下滑动的链接

我想制作一些链接，比如说2个链接，通过向上滑动触发特定的显示，然后另一个链接通过向下滑动触发特定的显示

链接是由某个应用程序动态生成的，比如我个人不理解的循环

在本网站进行研究后，我尝试了以下代码，但发现了一些问题：

只有第一个向上滑动的链接工作正常，其他蓝色链接不工作

当前脚本在每次单击蓝色链接时都会上下滑动内容。 我不知道如何分解脚本，以便只对蓝色链接应用向上滑动脚本，对红色链接应用向下滑动脚本

需要注意的是，蓝色链接是基于特定的应用程序循环动态生成的，因此实际上显示的蓝色链接的数量没有固定的数字

代码如下：

$function{ 变量列表=$'slidingcontent'， 按钮=$'triggerup'， 速度=500； list.hide.css'bottom'，button.css'top' .css'margin-top'，list.outerHeight*-1； button.ToggleFunction{ e、 防止违约； e、 停止传播； list.slideDownspeed； }，函数e{ e、 防止违约； e、 停止传播； list.slideUpspeed； }; }; 幻灯片内容{ 位置：绝对位置； } .linkcontainer{ 文本对齐：居中； } .向上滑动链接a、.向下滑动链接a、滑动内容{ 颜色：白色； 保证金：1px； 填充：1px； 文字装饰：无； 字体大小：粗体； } .向上滑动连杆a{ 背景：蓝色； } .滑下连杆a{ 背景：红色； } 幻灯片内容{ 背景：绿色； } 满足于此

---

这对我有用。我还纠正了代码中的HTML验证错误

jQueryfunction${ $document.readyfunction{ $slidengcontent.css{显示：无，不透明度：1}； }; $window.loadfunction{ var速度=500， 目标=$slidingcontent； $.slide\u up.onclick，函数{ target.slidedown速度； }; $.slide_down.onclick，函数{ target.slideUpspeed； }; }; }; 幻灯片内容{ 位置：绝对位置； 底部：-2px； 不透明度：0； 填充：0！重要； } .linkcontainer{ 文本对齐：居中； } p、 向上滑动，向下滑动，滑动内容{ 颜色：白色； 保证金：1px； 文字装饰：无； 字体大小：粗体； } p、 向上滑动，向下滑动{ 光标：指针； 显示：内联块； } p、 向上滑动{ 背景：蓝色； } p、 滑下{ 背景：红色； } 幻灯片内容{ 背景：绿色； } .包裹{ 溢出y：隐藏； 位置：相对位置； }

触发向上滑动1

触发向上滑动2

触发向下滑动

满足于此

---

ID在文档上下文中必须是唯一的，使用类和任何横向方法来针对特定的OneHanks，它可以工作！它解决了我的1&3个问题！那么，我应该如何编辑我的脚本函数，以便将“向上滑动”和“向下滑动”函数分离为两个不同的函数？顺便说一句，如果我的问题不清楚，很抱歉，这是我在这里的第一个问题：我点击了你代码片段上的链接，但没有任何效果。我认为jquery不起作用？是的，我忘了将jquery库添加到代码段中。它现在应该可以正常工作了-工作起来很有魅力！非常感谢，你太棒了，马文图斯！：DI将使用JSFIDLE版本，因为对于SO版本，我必须添加一个非常不合理的底部：-2px；这一点都不必要。非JSFIDLE版本在IE8上也可以很好地工作，但由于未知原因，在我的网站上实现后IE8无法工作，我的网站一定出了问题，应该尽快再试一次。无论如何，谢谢！：D