$(document).ready(function(){//文档准备好后执行以下代码
            var j = 1;//定义变量i;
             $(".handle").each(function(){//查找页面上class包含handle的元素，进行循环
             if($.browser.msie&&($.browser.version <= "8.0")) //判断浏览器版本，如果是IE8及以下
             {
                    $(this).children("p").html(j);//找到当前元素的下方的所有标签p，并设置内容为j的值。
                    j++;
             }
             else{//如果不是IE，或者IE8以上
                    var i = $(this).attr("id");//获取当前元素的ID属性
                    $(this).children("p").html(i);//找到当前元素的下方的所有标签p，并设置内容为i的值
             }
            })

            $(".handle").click(function(){//查找页面上class包含handle的元素,注册点击事件
                if(!$(this).siblings(".slide").is(":visible")){//如果当前元素的兄弟元素的class不包含slide或者包含slide，但是可见的。
                $(this).addClass("select");//给自己加一个class叫select
                $(this).siblings(".slide").animate({width:"show"},500);//让自己的兄弟中，class包含slide的元素在500ms内显示
                $(this).parent().siblings().children(".slide").animate({width:"hide"},500);//自己的父亲的兄弟的儿子（堂兄弟）中，如果class包含slide，那么就隐藏；
                $(this).parent().siblings().children(".handle").removeClass("select");//自己的父亲的兄弟的儿子（堂兄弟）中，如果class包含handle，那么就移除掉class中的select；
                }
                else{
                $(this).siblings(".slide").animate({width:"hide"},500);//...
                $(this).removeClass("select");//...
                }
            })
})