Javascript jQuery：显示侧栏，推出主区域

这是我的代码：

$（“.left area”）.mouseenter（函数（）{
$（“.left area content”）.show（）；
$（“.left区域内容预览”）.hide（）；
}).mouseleave（函数（）{
$（“.left area content”）.hide（）；
$（“.left区域内容预览”）.show（）；
});
$（“.right area”）.mouseenter（函数（）{
$（“.right区域内容”）.show（）；
$（“.right区域内容预览”）.hide（）；
}).mouseleave（函数（）{
$（“.right区域内容”）.hide（）；
$（“.right区域内容预览”）.show（）；
});
*{
字体大小：30px；
字体系列：Arial；
}
身体{
保证金：0；
填充：0；
高度：100vh；
宽度：100vw；
溢出：隐藏；
}
.内容{
显示器：flex；
高度：100vh；
溢出y：滚动；
}
.左侧区域{
背景色：红色；
颜色：白色；
}
.左侧区域内容预览{
显示：块；
}
.左侧区域内容{
显示：无；
宽度：500px；
}
.主要区域{
宽度：100%；
}
.右侧区域{
背景色：红色；
颜色：白色；
}
.右区域内容{
宽度：500px；
显示：无；
}

一个
一些很酷的内容
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，没有大海
圣殿是圣殿。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。
斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
两个
一些很酷的内容
只需添加
最小宽度：100%到您的
主区域
课程


$（“.left area”）.mouseenter（函数（）{
$（“.left area content”）.show（）；
$（“.left区域内容预览”）.hide（）；
}).mouseleave（函数（）{
$（“.left area content”）.hide（）；
$（“.left区域内容预览”）.show（）；
});
$（“.right area”）.mouseenter（函数（）{
$（“.right区域内容”）.show（）；
$（“.right区域内容预览”）.hide（）；
}).mouseleave（函数（）{
$（“.right区域内容”）.hide（）；
$（“.right区域内容预览”）.show（）；
});
*{
字体大小：30px；
字体系列：Arial；
}
身体{
保证金：0；
填充：0；
高度：100vh；
宽度：100vw；
溢出：隐藏；
}
.内容{
显示器：flex；
高度：100vh；
溢出y：滚动；
}
.左侧区域{
背景色：红色；
颜色：白色；
}
.左侧区域内容预览{
显示：块；
}
.左侧区域内容{
显示：无；
宽度：500px；
}
.主要区域{
宽度：100%；
最小宽度：100%；
}
.右侧区域{
背景色：红色；
颜色：白色；
}
.右区域内容{
宽度：500px；
显示：无；
}

一个
一些很酷的内容
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，没有大海
圣殿是圣殿。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。
斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
两个
一些很酷的内容
这是否回答了您的问题？嘿，不，不幸的是没有。这不会推导出主要区域。@ ANAAYB-NP，考虑使用宽度来激活菜单打开。当您使用“显示块和无”（jquery隐藏和显示）时，您无法使用“幻灯片效果”为其设置动画，如果您在“菜单”上使用“宽度0-100”，则可以对其进行滑动。只是一个提示，我想这就是你的示例链接所使用的。