.resize(function() 이렇게 쓰는게 맞나요?

제가 

$(document).ready(function () {
                    $(".nav_headmenu>a").click(function () {
                        var submenu = $(this).next("div");

                        if (submenu.is(":visible")) {
                            submenu.slideUp();
                        } else {
                            submenu.slideDown();
                        }

                    });
                });

라는 코드가 화면 해상도 768밑에서만 작동되도록 하기위해서 

$(window).resize(function() {
    if($(window).width() < 768) {
                $(document).ready(function () {
                    $(".nav_headmenu>a").click(function () {
                        var submenu = $(this).next("div");

                        if (submenu.is(":visible")) {
                            submenu.slideUp();
                        } else {
                            submenu.slideDown();
                        }

                    });
                });
            };
});

이렇게 어두운 색상 부분의 코드를 추가해주었는데

작동을 했다가 안했다가

해상도를 줄였다가 키우면 작동했다가

키운상태로 새로고침하면 안움직였다가

드롭다운메뉴에 관한 부분인데 다운되었다가 바로 올라가버리고..

엉망진창으로 움직입니다.. 도와주세요..