bootstrap 下拉菜单淡入淡出效果

bootstrap 通过增加glyphicon-menu-down  glyphicon-menu-right 设置按钮的下拉和收起效果。

通过获取点击菜单所对应的父级的同级div来隐藏显示菜单：$menuscs=$(this).parent().next('div');

通过fadeToggle()来进行淡入淡出效果设置：$menuscs.fadeToggle(2000);

如果没有淡入淡出效果，可以通过boostrap中的dropdown-menu来收起或者显示$menuscs.toggleClass("dropdown-menu",5000);

如果要增加菜单动态效果：可以通过.slideUp();.slideDown();

这个是过程中测试效果的临时代码，可以为之后的效果做参考：

var isActiv=$menuscs.hasClass('dropdown-menu');
                if(isActiv){
//                    $menuscs.fadeIn(3000);
//                    $menuscs.removeClass('dropdown-menu');
//                    $menuscs.show('400', function() {
//                        $menuscs.animate({
//                              opacity:'1'},
//                              3000);
//                          });
                }else{
//                    $menuscs.fadeOut(3000);
//                    $menuscs.addClass('dropdown-menu ');

//                    $menuscs.hide('400', function() {
//                        $menuscs.animate({
//                              opacity:'0'},
//                              3000);
//                          });
                }