jquery toggle works only once

by santosh_patnala

HTML

<a href="javascript:;" id="pull" onclick="" class="hover-pull-menu">toggle</a>

<div>
    <ul class="mobile-responsive-menu">
        <li>
            <ul class="menu responsiveMenu">
                <li class="capabilities"><a href="/capabilities" title="View capabilities">CAPABILITIES</a>
                </li>
                <li class="about"><a href="/about" title="View About Us">ABOUT</a>
                </li>
                <li class="blog"><a href="/blog" title="View Blog">BLOG</a>
                </li>
            </ul>
        </li>
        <li>
            <ul class="menu responsiveMenu">
                <li class="team"><a href="/team" title="View Management Team">TEAM</a>
                </li>
                <li class="testimonials"><a href="/testimonials" title="View Testimonials">TESTIMONIALS</a>
                </li>
                <li class="contact"><a href="/company/contactus" title="View Contact Page">CONTACT</a>
                </li>
            </ul>
        </li>
    </ul>
</div>

CSS

.hover-pull-menu{
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}
.mobile-responsive-menu {
    display: none;
}

JavaScript

$("#pull").bind('click touchstart', function () {
    //$(".responsiveMenu, .mobile-responsive-menu").slideToggle();
    $(".mobile-responsive-menu").toggle();
});
$(window).resize(function () {
    $(".responsiveMenu, .mobile-responsive-menu").hide();
});