Javascript JS如何制作列表项幻灯片

我需要制作一个可伸缩的菜单，当用户触摸一个项目时，它应该在屏幕上滑动，但是在我的代码中，当播放该项目时，列表中的所有其他项目也会滑动。我只需要触摸的项目在屏幕上滑动

我的html代码：

<ul id="menu-mobile">
        <li class="li-mobile hospital"><i class="fa fa-plus fa-2x" aria-hidden="true"></i>Hospital</li>
        <li class="li-mobile especialidades"><i class="fa fa-star-o fa-2x" aria-hidden="true"></i>Especialidades</li>
        <li class="li-mobile exames"><i class="fa fa-stethoscope fa-2x" aria-hidden="true"></i>Exames</li>
        <li class="li-mobile blog">Blog</li>
        <li class="li-mobile contato"><i class="fa fa-envelope-o fa-2x" aria-hidden="true"></i>Contato</li>
        <li class="li-mobile emergencia">Emergência</li>
    </ul>  



$(".li-mobile").click(function(e){
        if($(this).hasClass("toggle")) {
           $(this).removeClass('toggle').siblings().removeClass('toggle');
        }else{
            $(this).addClass('toggle').siblings().removeClass('toggle');
        }
    });

医院
专业
考试
博客
contato
紧急情况

$（“.li移动”）。单击（功能（e）{
if（$（this）.hasClass（“切换”））{
$（this）.removeClass（'toggle'）.sides（）.removeClass（'toggle'）；
}否则{
$（this）.addClass（'toggle'）.sides（）.removeClass（'toggle'）；
}
});

TKS.

$（“.li移动”）。单击（功能（e）{
$（this.sides（）.removeClass（'toggle'）；
if（$（this）.hasClass（“切换”））{
$（this.removeClass（'toggle'）；
}否则{
$（this.addClass（'toggle'）；
}
});
#移动菜单{
右：0；
溢出：隐藏；
z指数：999；
位置：绝对位置；
宽度：200px；
}
李明医院{
背景色：#EEF463；
}
.li-mobile.特别是{
背景色：#E8B281；
}
.li-mobile.exames{
背景色：#A2C8CA；
}
.li-mobile.blog{
背景色：#CE737F；
}
.li-mobile.contato{
背景色：#007969；
}
.li-mobile.emergencia{
背景色：#CC2C69；
}
李先生{
位置：相对位置；
高度：40px；
右：-180px；
列表样式类型：无；
颜色：#fff；
宽度：100%；
字体大小：14px；
-webkit转换：所有1都易于输入输出；
-moz转换：所有1都易于输入输出；
-o型转换：所有1均易于输入输出；
过渡：所有1都易于输入输出；
}
.li-mobile.toggle{
右：40px；
左边距：66px；
}


医院
专业
考试
博客
contato
紧急情况
@scooby您能否发布一个片段，以便重现该问题。那样会更快我说，你能检查一下吗？