要关闭的Java脚本不起作用

Question

我在html / css中构建了一个切换栏，我想用JS来关闭。我认为我做的所有代码都正确，但脚本不起作用。

代码：

$(document).ready(function(){
$(".fa-times").click(function(){$(".sidebar_menu").addClass("hide_menu");
$(".toggle_menu").addClass("opacity_one");});

jsfiddle link

重点是我创造了一个按钮＆＃34; x形＆＃34;关闭侧栏，但你不能看到它cuz是一个自定义字体，我不知道如何将其上传到jsfiddle。按钮位于紫色条的右上角。

我希望它足够的信息和代码很容易理解。我刚刚开始使用html / css / js，但是我必须为微软项目做这个，因为我的团队中的任何人都无法设置默认的html页面。

P.S。用随机文本忽略白色元素。

Answer 1

如果我错了，请纠正我，因为我看到你弄错你的代码工作正常。当用户点击交叉btn时，蓝色边栏隐藏在左边。

Answer 2

使用浏览器中的元素检查器检查宽度

<i class="fa fa-times">you need same place holder here, or set width</i>

EDITED