Luxbarのハンバーガーメニューを、メニュータップして閉じる方法

前提・実現したいこと

Luxbarのサイトを使ってナビゲーションを作っております。
画面幅が狭くなったとき(スマートフォンでの操作時)「タイピン」や「ハンカチ」などのメニューをタップするとメニューを閉じるには、どこを修正すればよいのでしょうか。

発生している問題

画面幅が狭くなったとき(スマートフォンでの操作で)ハンバーガーメニューを開き、該当するものをタップしてもメニューが閉じず開きっぱなしです。

該当のソースコード

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>父の日オススメ</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta charset="utf-8">
<meta http-equiv="content-script-type" content="text/javascript" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
    crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="../webroot/css/style.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/balzss/luxbar/ae5835e2/build/luxbar.min.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
</head>
<body style="padding-left: 0px; margin-top: 4em;">
<!-- ページスタート! -->

<!-- ヘッダー -->
<header id="luxbar" class="luxbar-fixed">
    <input type="checkbox" class="luxbar-checkbox" id="luxbar-checkbox"/>
    <div class="luxbar-menu luxbar-menu-right luxbar-menu-material-cyan">
        <ul class="luxbar-navigation">
            <li class="luxbar-header">
                <label class="luxbar-hamburger luxbar-hamburger-doublespin" id="luxbar-hamburger" for="luxbar-checkbox">
                    <span></span>
                </label>
            </li>
            <li class="luxbar-item">
                <a href="#leather" >革小物</a>
            </li>

            <li class="luxbar-item">
                <a href="#">タイピン</a>
            </li>

            <li class="luxbar-item">
                <a href="#">ハンカチ</a>
            </li>

            <li class="luxbar-item">
                <a href="#">喫煙具</a>
            </li>

            <li class="luxbar-item">
                <a href="#">財布</a>
            </li>
        </ul>
    </div>
</header>
<!-- ヘッダーここまで -->



<img src="../webroot/img/father_pc.gif" alt="" width="100%">
<h5 id="leather">　</h5>
<img src="../webroot/img/leather.gif" alt="" width="100%">





</body>
</html>
</body>
</html>