我一直有一个问题，我一直在开发的网站。我是一个初学者与javascript所以抱歉提前一个愚蠢的问题。在网站www.dynamitecoffeeco.com我有两个不同的东西，每个在自己的容器。当你点击菜单按钮，然后点击搜索按钮，我希望一个关闭，然后另一个打开。我已经尝试使用其他解决方案，但他们都是定制的 accordion 标记。任何和所有的帮助将不胜感激。这里是代码以及。
导航折叠是包含菜单的容器，搜索折叠是包含搜索栏的容器。再次感谢。

<div id="nav-collapse" class="collapse">
    <div class="wrapper">
        <div class="row">
            <?php wp_nav_menu(); ?>
        </div>
    </div>
</div>
<div id="search-collapse" class="collapse">
    <div class="wrapper">
        <div class="row">
            <form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
                <label>
                    <input type="search" width="100%" class="search-field" placeholder="<?php echo esc_attr_x( 'Search …', 'placeholder' ) ?>" value="<?php echo get_search_query() ?>" name="s" title="<?php echo esc_attr_x( 'Search for:', 'label' ) ?>" />
                </label>
            </form>
        </div>
    </div>
</div>