Javascript 单击切换图标后，如何隐藏纯抽屉标签和图标？

我使用纯抽屉css的左切换菜单，我发现在。我需要隐藏抽屉标签和图标一旦点击它。我有代码切换回当点击屏幕上的其他地方，除了切换的部分。纯切换标签的css如下所示

.pure切换标签{
显示：无；
光标：指针；
显示：块；
位置：固定；
顶部：20px；
z指数：20；
颜色：5d809d；
宽度：40px；
高度：40px；
过渡：所有400ms缓进缓出；
边框：2px实心#5d809d；
边界半径：50%；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
-o-用户选择：无；
用户选择：无；
-webkit点击高亮显示颜色：rgba（0,0,0,0）；}
.纯切换标签：悬停{
边框颜色：#1fc08e；
颜色：#1fc08e；}
.pure-toggle标签：悬停.pure-toggle图标，.pure-toggle标签：悬停.pure-toggle图标：之前，.pure-toggle标签：悬停.pure-toggle图标：之后{
背景色：#1fc08e；}
.纯切换标签：活动{
-webkit点击高亮显示颜色：rgba（0,0,0,0）；}
.pure toggle label.pure toggle icon、.pure toggle label.pure toggle icon:之前、.pure toggle label.pure toggle icon:之后{
位置：绝对位置；
最高：50%；
左：50%；
高度：4px；
宽度：10px；
光标：指针；
背景#5d809d；
显示：块；
内容：''；
过渡：所有400ms的缓进缓出；}
.纯切换标签.纯切换图标{
转换：translate3d（-50%，-4px，0）；
-webkit转换：translate3d（-50%，-4px，0）；}
.纯切换标签。纯切换图标：之前{
转换：translate3d（-50%，-14px，0）；
-webkit转换：translate3d（-50%，-14px，0）；}
.纯切换标签。纯切换图标：之后{
转换：translate3d（-50%，10px，0）；
-webkit转换：translate3d（-50%，10px，0）；}
.pure-toggle-label[数据切换标签='left']{
左：15px；
右：自动；}
.pure-toggle-label[数据切换标签='right']{
右：28px；
左：自动；}
.pure-toggle-label[数据切换标签='top']{
左：50%；
-webkit转换：translate3d（-50%，0，0）；
转换：translate3d（-50%，0，0）；}
.pure-toggle[data-toggle='left']：选中~。pure-toggle标签：不（[data-toggle-label='left']），.pure-toggle[data-toggle='right']：选中~。pure-toggle标签：不（[data-toggle-label='top']）。pure-toggle标签：不（[data-toggle-label='top']）{
不透明度：0；
z-索引：-1；}
.pure-toggle[data-toggle='left']：选中~.pure-toggle标签[data-toggle标签='left']，.pure-toggle[data-toggle标签='right']：选中~.pure-toggle标签[data-toggle标签='top']，.pure-toggle标签[data-toggle标签='top']{
边框颜色：#1fc08e；
颜色：#1fc08e；}
.pure-toggle[data-toggle='left']：选中~.pure-toggle标签[data-toggle标签='left']。pure-toggle图标、.pure-toggle[data-toggle标签='right']：选中~.pure-toggle标签[data-toggle标签='top']。pure-toggle图标{
背景色：透明；}
.pure-toggle[data-toggle='left']：选中~.pure-toggle标签[data-toggle标签='left']。pure-toggle图标：之前、.pure-toggle[data-toggle='left']：选中~.pure-toggle标签[data-toggle标签='right']。pure-toggle图标：之前，.pure-toggle[data-toggle='right']：选中~.pure-toggle标签[data-toggle标签='right']。.pure-toggle图标：之后，.pure-toggle[data-toggle='top']：选中~.pure-toggle标签[data-toggle标签='top']：选中~.pure-toggle图标：之后{
顶部：0；}
.pure-toggle[data-toggle='left']：选中~.pure-toggle标签[data-toggle标签='left']。pure-toggle图标：之前、.pure-toggle[data-toggle标签='right']：选中~.pure-toggle标签[data-toggle标签='top']。pure-toggle图标：之前{
变换：translateX（-50%）旋转（45度）；
-webkit变换：translateX（-50%）旋转（45度）；}
.pure-toggle[data-toggle='left']：选中~.pure-toggle标签[data-toggle标签='left']。pure-toggle图标：之后、.pure-toggle[data-toggle标签='right']：选中~.pure-toggle标签[data-toggle标签='top']。pure-toggle图标：之后{
变换：translateX（-50%）translateY（-10px）旋转（-45度）；
-webkit变换：translateX（-50%）translateY（-10px）旋转（-45度）；
top:10px；}

点击标签后，应隐藏标签（标签内的图标）

.pure-toggle:checked ~ .pure-toggle-label{
  display: none;
}

单击标签后，应隐藏标签（标签内的图标）

.pure-toggle:checked ~ .pure-toggle-label{
  display: none;
}