年月的下拉折叠选择器

做一个时间选择器的轮子，自动生成年月和折叠打开功能。

一、自动生成年月

            var date = new Date, 
                year = date.getFullYear();
            var elements = '';
            for (var i = year; i > 2010; i--) {
                var month = '';
                for (var j = 1; j < 13; j++) {
                    month += '
 ' + j + '月
'
                }
                elements += ' 
'
                    + '
'
                    + '  
'
                    + '     ' + i + '年'
                    + '
 
'
                    + '
'
                    + '
'
                    + '
'
                    + month
                    + '
'
                    + '
'
            }

二、时间点击事件

        // 时间点击事件
            var menuParent = $('.menu > .ListTitlePanel > div');//获取menu下的父层的DIV
            var menuList = $('.menuList');
            $('.menu > .menuParent > .ListTitlePanel > .ListTitle').each(function (i) {//获取列表的大标题并遍历
                $(this).click(function () {
                    if ($(menuList[i]).css('display') == 'none') {
                        $(menuList[i]).slideDown(300);
                        for (var m = 0; m < menuList.length; m++) {
                            if (m != i) {
                                $(menuList[m]).slideUp(300);// 遍历所有menuList,让所有不属于当前元素的不展示
                            }
                        }
                    }
                    else {
                        $(menuList[i]).slideUp(300);
                    }
                });
            });

三、样式部分

四、效果

在线效果