Javascript 应用js函数后，单击“不可能”

很抱歉，这会让人困惑，我已经将js函数应用于侧边栏的一个div，因此当您单击另一个侧边栏时，会从左侧滑动。但它以前使用hover css函数。在滑动侧边栏上有一些菜单可以点击。现在我已经改变了工具栏的滑动方式（使用css），你不能再点击它们了

我的代码在下面，但是代码片段看起来一点也不好，因为我想维度是错误的。。对不起，你可以看到它是什么样子的

函数myFunction（x）{
x、 切换（“更改”）；
}
$（文档）.ready（函数（）{
$（“#navi”）。单击（函数（）{
美元（“#navi.fa雪佛龙向下”）。toggleClass（“rtoate180”）；
$（“#导航”）。幻灯片切换（500）；
});
});

#更多信息{
位置：固定；
排名：0；
左：0px；
填充物：5px；
字体大小：20px；
线高：40px；
文本对齐：居中；
宽度：60px；
高度：40px；
显示：内联块；
{block:IfSidebarRight}
右：0px；
左：自动；
{/block:IfSidebarRight}
}
.bar1、.bar2、.bar3{
光标：指针；
位置：相对位置；
左：18px；
顶部：25px；
宽度：35px；
高度：5px；
背景色：{color:Main icon background}；
利润率：6px 0px；
过渡：0.4s；
-webkit转换：0.4s；
-o过渡：0.4s；
-moz跃迁：0.4s；
}
.找零{
-webkit变换：旋转（-45度）平移（-9px，6px）；
变换：旋转（-45度）平移（-9px，6px）；
-ms变换：旋转（-45度）平移（-9px，6px）；
}
.找零{
不透明度：0；
}
.找零{
-webkit变换：旋转（45度）平移（-8px，-8px）；
变换：旋转（45度）平移（-8px，-8px）；
-ms变换：旋转（45度）平移（-8px，-8px）；
}
/*------边栏------*/
#边栏{
宽度：300px；
身高：100%；
左边距：-300px；
{block:IfSidebarRight}
左边距：300px；
{/block:IfSidebarRight}
顶部：0px；
}
.change~#侧边栏2{
左边距：365px；
{block:IfSidebarRight}
左边距：-300px；
{/block:IfSidebarRight}
-webkit过渡：全部。5s轻松；
-moz过渡：全部5秒轻松；
-o型过渡：全部。5秒轻松；
过渡：所有。5s轻松；
}
/*------窄边栏-----*/
#侧边栏1{
z指数：10；
位置：固定；
顶部：0px；
左：0；
宽度：70px；
身高：100%；
背景：{颜色：窄边栏背景}；
{block:IfSidebarRight}
右：0；
左：自动；
{/block:IfSidebarRight}
}
/*------宽边栏-----*/
#侧边栏2{
z指数：0；
位置：固定；
顶部：0px；
左边距：65px；
宽度：220px；
身高：100%；
背景：{颜色：宽边栏背景}；
背景图像：url（{image:Wide sidebar background}）；
{block:IfWideSidebarBackgroundTransparent}
背景：透明；
{/block:IfWideSidebarBackgroundTransparent}
{block:IfSidebarRight}
左边距：75px；
{/block:IfSidebarRight}
-webkit过渡：全部。5s轻松；
-moz过渡：全部5秒轻松；
-o型过渡：全部。5秒轻松；
过渡：所有。5s轻松；
}
/*化身*/
#化身{
保证金：自动；
边缘顶部：65px；
宽度：50px；
高度：50px；
边界半径：60px；
边框：0px实心
z指数：10；
}
#阿凡达img{
宽度：100%；
身高：100%；
边界半径：100%；
-webkit过渡：所有0.3秒轻松；
-moz转换：所有0.3秒轻松；
-ms转换：所有0.3秒轻松；
-o-过渡：所有0.3秒的速度；
过渡：所有0.3秒缓解；
}
#阿凡达img：悬停{
-webkit过渡：所有0.7秒轻松；
-moz转换：所有0.3秒轻松；
-o-过渡：所有0.3秒的速度；
过渡：所有0.3秒缓解；
-ms变换：比例（1.4,1.4）；
-webkit转换：规模（1.4,1.4）；
变换：比例（1.4,1.4）；
}
/*描述*/
#描述{
位置：相对位置；
左边距：20px；
颜色：{color:Description}；
背景：{color:Description background}；
边框：5px纯色{颜色：描述背景}；
最大高度：300px；
填充：10px；
宽度：150px；
溢出y：自动；
边缘顶部：20px；
字体大小：13px；
线高：18px；
}
#说明：在{
内容：''；
位置：绝对位置；
边框样式：实心；
边框宽度：15px 15px 15px 0；
边框颜色：透明#FFFFFF；
显示：块；
宽度：0；
z指数：1；
左：-15px；
顶部：57px；
}
/*搜索框*/
#搜寻{
边缘顶部：10px；
左边距：20px；
宽度：180px；
高度：30px；
溢出：隐藏；
颜色：{color:Search}；
背景：{颜色：搜索框背景}；
}
#搜索一{
位置：绝对位置；
左边距：67px；
边缘顶部：9px；
颜色：{color:Search}！重要；
字体大小：12px；
z指数：1000；
}
/*航行*/
#纳维{
光标：指针；
边缘顶部：10px；
左边距：20px；
宽度：170px；
高度：30px；
线高：30px；
左侧填充：10px；
溢出：隐藏；
颜色：{color:Navigation}；
背景：{颜色：导航背景}；
字体大小：12px；
文本对齐：左对齐；
}
#纳维一号{
位置：绝对位置；
左边距：77px；
边缘顶部：10px；
颜色：{color:Navigation}！重要；
字体大小：12px；
}
#纳维·法·雪佛龙下降{
过渡：所有0.7秒缓解；
}
.180{
变换：旋转（180度）；
}
#航行{
边缘顶部：10px；
左边距：20px；
宽度：180px；
溢出：隐藏；
显示：无；
字体大小：12px；
背景：{颜色：导航背景}；
}
#导航a{
显示：块；
字体大小：12px；
线高：18px；
宽度：180px；
溢出：隐藏；
颜色：{color:Navigation link}；
边框底部：1px纯色{颜色：宽边栏背景}；
填充物：5px；
文本对齐：居中；
-webkit过渡：所有.7都易于输入输出；
-moz转换：所有7秒轻松进入；
-o型过渡：所有.7秒易于输入输出；
过渡：所有.7都易于输入输出；
}
#导航a:悬停{
光标：指针；
框阴影：插入180px 0{颜色：宽边栏背景}；
颜色：{color:Hover}；
-webkit过渡：所有.7都易于输入输出；
-moz转换：所有.7都易于输入输出；
-o型过渡：所有.7秒易于输入输出；
过渡：所有.7都易于输入输出；
}
/*社会偶像*/
#社会党人{
边际上限：0px；
}
#社会党一世{
显示：内联块；
颜色：{color:Navigation link}！重要；
保证金：5px；
字体大小：15px；
}
#社会党一号：悬停{
颜色：{color:Hover}！重要；
}
/*-----主容器-----*/
#容器{
位置：绝对位置；
顶部：50px；
左：50%；
边缘底部：10px；
民喜