Javascript 响应jquery导航交互-调整大小问题

要求： 水平导航在900像素或以上，垂直导航在900像素以下。但在900或以下，导航应在默认情况下隐藏，并仅在单击“标题”时显示

到目前为止，我所拥有的：

$（文档）.ready（函数（）{
$（'.dropdown ul:first'）.show（）；
$（'.dropdown ul:first'）.css（“display:table”）；
$（'.dropdown li'）。单击（函数（e）{
$（this）.addClass（'active'）。同胞（'li'）。removeClass（'active'）；
$（this）.children（'ul'）.slideToggle（'fast'）；
$（this）.兄弟姐妹（'li'）.find（'ul'）.slideUp（'fast'）；
e、 预防默认值（）；
e、 停止传播（）；
});
$（文档）。在（'单击'）上，函数（事件）{
$（'.dropdownli'）。children（'ul'）。slideUp（'fast'）；
});
});
$（窗口）。打开（“调整大小”，函数（）{
如果（$（窗口）.width（）

$（窗口）。在（“调整大小”上，函数（）{
如果（$（窗口）.width（）使用
切换
而不是
滑动切换

$（窗口）。在（“调整大小”上，函数（）{
如果（$（window）.width（）存在相同问题。加载时效果良好，但在调整大小后，单击标题，它会开始闪烁。抱歉，不起作用。请检查。当我从小于900调整到更大时，菜单将消失，不再返回，标题链接不可单击
   $(document).ready(function(){

$('.dropdown ul:first').show();
    $('.dropdown ul:first').css("display:table");
    $('.dropdown li').click(function (e) {
                $(this).addClass('active').siblings('li').removeClass('active');
                $(this).children('ul').slideToggle('fast');
                $(this).siblings('li').find('ul').slideUp('fast');
                e.preventDefault();
                e.stopPropagation();

          });
              $(document).on('click', function (event) {
                $('.dropdown li').children('ul').slideUp('fast');
              });

});
$(window).on("resize", function () {

     if($(window).width()<=900){
         console.log("800");
        $('.ch-logo').bind('click',function(){
            $('.dropdown').slideToggle('fast');
        })
    }else{
                 console.log("900+");
        $('.ch-logo').unbind()
    }

}).resize();

$(window).on("resize", function () {

     if($(window).width()<=900){
         console.log("800");
         $('.dropdown').hide();
        $('.ch-logo').bind('click',function(){
            $('.dropdown').toggle();
        });
     }else{
         $('.dropdown').show();
     }
}).resize();

$(window).on("resize", function () {

     if($(window).width()<=900){
         console.log("800");
         $('.dropdown').hide();
        $('.ch-logo').bind('click',function(){
            $('.dropdown').toggle('slow');
        });
     }else{
         $('.dropdown').show();
     }
}).resize();