jq的一些动画问题

toggle、sildeToggle以及fadeToggle的区别：
    toggle：切换显示与隐藏效果
    sildeToggle：切换上下拉卷滚效果
    fadeToggle：切换淡入淡出效果

当然细节上还是有更多的不同点:

toggle与slideToggle细节区别：
    toggle：动态效果为从右至左。横向动作，toggle通过display来判断切换所有匹配元素的可见性
    slideToggle：动态效果从下至上。竖向动作，slideToggle 通过高度变化来切换所有匹配元素的可见性

fadeToggle方法
    fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。
    元素是淡出显示的，fadeToggle() 会使用淡入效果显示它们。
    元素是淡入显示的，fadeToggle() 会使用淡出效果显示它们。
    注释：隐藏的元素不会被完全显示（不再影响页面的布局）

这是一段绕弯弯的代码

    if (v == "1") {
        //找到第一个li的同辈节点中的索引位置
        $span.text($("li").index())  
    } else if (v == "2") {
        //通过传递dom查找
        $span.text($("li").index(document.getElementById("test5")))
    } else if (v == "3") {
        //通过传递jQuery对象查找
        $span.text($("li").index($("#test6")))