点击Jquery滑动品牌

点击Jquery滑动品牌,jquery,html,sliding,Jquery,Html,Sliding,我想使用来自ASOS的jQuery效果- 好在当你点击一个字母时,它会滑到特定的行 问题是我的站点的CMS数据库中存在字符限制,因此ASOS中使用的表太大,无法使用。 你有没有想过用div来解决这个问题?你可以使用jQuery的slideUp()和slideDown()方法来模拟这种滑动 假设该表位于“a”,并且您希望滑动到“c”,您可以使用jQuery滑动到“a”,完成后,再次使用jQuery滑动到“b”。您必须使用slideUp()的回调函数来指定这一点。同样的情况也适用于重新显示元素(即

我想使用来自ASOS的jQuery效果-

好在当你点击一个字母时,它会滑到特定的行

问题是我的站点的CMS数据库中存在字符限制,因此ASOS中使用的表太大,无法使用。
你有没有想过用div来解决这个问题?

你可以使用jQuery的
slideUp()
slideDown()
方法来模拟这种滑动

假设该表位于“a”,并且您希望滑动到“c”,您可以使用jQuery滑动到“a”,完成后,再次使用jQuery滑动到“b”。您必须使用
slideUp()
的回调函数来指定这一点。同样的情况也适用于重新显示元素(即从“c”转到“a”),除非使用
slideDown()
取消隐藏元素。以下是我作为示例编写的一些代码:

function hideRecur(startLetterEl, stopLetterEl){
    if( startLetterEl === stopLetterEl ){
        return;
    }
    $(startLetterEl).slideUp("slow", 
        function(){ 
            var nextEl = $(startLetterEl).next()[0];
            if( nextEl){
                hideRecur(nextEl, stopLetterEl);
            }
        }
    );
}
function showRecur(startLetterEl, stopLetterEl){
    if( startLetterEl === stopLetterEl ){
        return;
    }
    $(startLetterEl).slideDown("slow", 
        function(){ 
            var prevEl = $(startLetterEl).prev()[0];
            if( prevEl){
                showRecur(prevEl, stopLetterEl);
            }
        }
    );
}

如果您可以将代码编辑到只包含基本内容,并正确地为stackoverflow设置标签,这将有所帮助。问题也不完全清楚。谢谢凯门鳄,很抱歉,很难描述这个函数,所以我刚刚粘贴了一个到Asos的链接,我试图从中获取代码。谢谢朱迪,我想既然罗马已经为你建造好了,为什么还要重建它呢。。。因为网站的cms数据库中有字符限制,所以这些表格不起作用,而且你知道不应该使用表格,怎么样?谢谢你的歌声,这太棒了。它工作得非常好。我在jquery方面有点新手。只有当我输入完整的字母表时,它才会转到E。有没有办法为所有字母设置它?另外,如果我全部显示所有链接,有没有办法让它返回到一个?非常感谢。朱迪奥普斯:我的错误是忘了把身份证也放进去,这就是为什么它只是发到了E.:)