需要帮助... Bootstrap Button / matchMedia / removeClass

Question

在网站中我使用菜单。如果您使用PC调用页面，则菜单应完全可见。如果您使用移动电话呼叫该页面，则只能看到一个按钮，只需单击该按钮即可打开该菜单。

在PC版本中一切正常。菜单可见，按钮隐藏。

使用手机拨打电话时，按钮可见。然而，菜单也折叠了。

以下是代码：

<button class="btn btn-default btn-block hidden-md hidden-lg hidden-xl" data-toggle="collapse" data-target="#menulist">Show more ...</button>

<div id="menulist" class="collapse in">
	<div class="panel-body nav-menu-left">
		<table class="table">
			<tr><td><a href="1.php">Menu 1</a></td></tr>								
			<tr><td><a href="2.php">Menu 2</a></td></tr>
			<tr><td><a href="3.php">Menu 3</a></td></tr>

		</table>
	</div>
</div>
					
<script type="text/javascript">
$(document).ready(function () {
  if (matchMedia) {
	var mq = window.matchMedia("(max-width: 765)");
	mq.addListener(WidthChange);
	WidthChange(mq);
  }

  function WidthChange(mq) {
	if (mq.matches) {
	

	  $("#menulist").removeClass("in");
	}
  }
});
</script>

Answer 1

只需删除此行

即可

<div id="menulist" class="collapse in">

与

<div id="menulist" class="navbar-collapse collapse">