無法關閉Java腳本

Question

我在html / css中建立了一個切換欄，我想使用JS關閉。 我想我把所有代碼都做對了，但是腳本不起作用。

碼：

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

關鍵是我創建了一個“ x形”按鈕，它關閉了側邊欄，但您看不到它，因為cuz是自定義字體，我也不知道如何將其上傳到jsfiddle上。 該按鈕位於紫色欄的右上角。

我希望它有足夠的信息，並且代碼易於理解。 我只是從html / css / js開始，但是我必須為Microsoft項目執行此操作，因為團隊中的任何人都無法設置默認的html頁面。

PS忽略帶有該隨機文本的白色元素。

Answer 1

如果我錯了，請糾正我，因為ii看到您正在使代碼工作正常。當用戶單擊交叉btn時，此時藍色側欄隱藏在左側。

Answer 2

在瀏覽器中使用元素檢查器檢查寬度

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

EDITED