Jquery toggle 질문

$(document).ready(function(){
    $(".selectCategory").toggle(
        function(){
            $(".selectCategoryList").css("display","block");
            $("body").click(
                function(){
                $(".selectCategoryList").css("display","none");
                }
            )
        },
        function(){
            $(".selectCategoryList").css("display","none");
        }
    )
})


셀렉트 레이어에서 펴진레이어 밖에 아무데나 클릭하면 펴진 레이어가 닫히도록 $("body").click ~ 요렇게 줬더니 레이어가 닫히죠 그런데 toggle은 2번째꺼 부터 시작합니다. display:none 인데 display:none 부터 시작하더라구요.
$("body").click~ 이 작동되면 toggle 을 끝내버리고 싶은데 방법이 있거나 다른 방식으로 작성해야하나요?

포탈 - 아래 카테고리 셀렉트 박스
http://test2.playcast.kr/bbs/board.php?bo_table=comic