drawerのドロップダウンメニューが開かなくて困っています。

現在drawerでドロップダウンメニューを作成しているのですが、ドロップダウン部分のみ開かなくて困っています。
「drawer-menu-item」部分をクリックしても「drawer-dropdown」のクラスにopenが追加されないため、開かないようです。
手動でopenというclassを書き足すと、ul.drawer-dropdown-menu部分が表示されました。
エラーは出てないです。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iScroll/5.2.0/iscroll.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/js/drawer.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
jQuery(function($){
$(document).ready(function() {
$('.drawer').drawer();
});
});
</script>

(中略)

<div class="drawer drawer--left nav-menu">
    <button type="button" class="drawer-toggle drawer-hamburger">
        <span class="sr-only">toggle navigation</span>
        <span class="drawer-hamburger-icon"></span>
    </button>
    <nav class="navbar drawer-nav" role="navigation">
        <ul class="drawer-menu">
            <li><a class="drawer-menu-item" href="#">TOP</a></li>
            <li class="drawer-dropdown">
                <a class="drawer-menu-item" href="#" data-toggle="dropdown" role="button" aria-expanded="false">nav <span class="drawer-caret"></span>
                </a>
                <ul class="drawer-dropdown-menu">
                    <li><a class="drawer-dropdown-menu-item" href="/">hoge1</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="/">hoge2</a></li>
                    <li><a class="drawer-dropdown-menu-item" href="/">hoge3</a></li>
                </ul>
            </li>
        </ul>
    </nav>
</div>