Почему не работает show() hide()

Здравствуйте пожалуйста помогите на сайте есть кнопка меню при нажатии на нее выдвигается меню так вот проблема в том что если нажать на кнопку меню один раз все ок если нажать второй раз он скроет меню а вот если нажать кнопку меню 3 раз он выдвинет меню и сразу же его скроет почему?

    <script>
        function hideDiv(){
            $(document.body).click(function (){
            if ($(".mobile:first").is(":hidden")){
                $(".mobile").slideDown("slow");
            } else {
                $(".mobile").hide("slow");
            }
        });
        }
        </script>