call bootstrap "Collapse navbar" function manually

Question

I'm trying to implement responsive collapsing navbar Bootstrap 2.3.2.When window width is narrow navbar is collapsing and button with class btn-navbar appears. What I want is to have the ability to call this collapsing function manually from JavaScript when a certain action happens.

I cannot understand where in bootstrap.js window resizing is being watched and how the collapse function is called.

Here is a code of my navbar:

<div class="navbar navbar-fixed-top" id="pantry_header">
<div class="navbar-inner">
    <div class="container">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".navbar-responsive-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </a>
        <div class="logo_wrapper">
            <img src="./../public/img/logo_op.png" width="133px" height="40px">
        </div>
        <div class="nav-collapse collapse navbar-responsive-collapse">
            <ul class="nav pull-right">
                <li class="control local"><a id="link_user_experience">USER EXPERIENCE</a></li>
                <li class="control local"><a id="link_restocking">RESTOCKING EXPERIENCE</a></li>
                <li class="control local"><a id="link_analytics">ANALYTICS</a></li>
                <li class="control local"><a id="link_team" href="company">COMPANY</a></li>
                <li class="hide form_wrapper" id="header_form">
                    <div style="margin-left: 0px;"><input type="text" placeholder="Name" name="name"/></div>
                    <div><input type="text" placeholder="E-mail" name="email"/></div>
                    <div class="button_wrapper">
                        <div class="green_btn button">
                            <div class="button_text white_font">Learn More</div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
</div>

What bootstrap function I should call to hide <ul> with class nav, show navigation button, and put navigation link in the dropdown menu?

Answer 1

The window size is calling using Media queries, media queries check for your window size and it calls the appropriate function.