Jquery 如果单击“关闭一个”，如何关闭已打开的其他图元

如果单击“关闭一个”，如何关闭已打开的其他图元。 数据属性“aria expanded”只是不同的值

<ul id="mobile-menu-mobile">
<li><!-- mobile menu 1 -->
    <a href=#>menu1</a>
    <button aria-expanded="true"></button>
    <ul>...sub-menu...</ul>
</li>
<li><!-- mobile menu 2 -->
    <a href=#>menu1</a>
    <button aria-expanded="false"></button>
    <ul>...sub-menu...</ul>
</li>
<li><!-- mobile menu 3 -->
    <a href=#>menu1</a>
    <button aria-expanded="false"></button>
    <ul>...sub-menu...</ul>
</li>
<li><!-- mobile menu 4 -->
    <a href=#>menu1</a>
    <button aria-expanded="false"></button>
    <ul>...sub-menu...</ul>
</li>
</ul>

你是说这个

您可以单击按钮或链接

$（函数（）{
$（“>li>a，>li>button”、“#移动菜单移动”）//链接或按钮
.on（“单击touchstart”，功能（e）{//单击或触摸手机
e、 preventDefault（）；//取消链接
$（“[aria expanded]”。attr（“aria expanded”，false）；//切换为true的内容
$（“#移动菜单mobile>li>ul”）.slideUp（“快速”）；//全部关闭
$（this.parent（）.find（“[aria expanded]”）attr（“aria expanded”，true）；//设置aria expanded
$（this）.nextAll（“ul”）。向下滑动（“slideDown”）；//打开ul
});  
$（“#mobile menu mobile>li>按钮[aria expanded=true]”。prev（）。单击（）；//初始化
});
#移动菜单mobile>li>ul{display:none}
[aria expanded=true]{背景色：绿色；颜色：黄色}
[aria expanded=false]{背景色：红色；颜色：白色}



…子菜单…


…子菜单…


…子菜单…


…子菜单…

您自己尝试过什么？不清楚？Closed li的sub-ul在css.var bData=jQuery（“#移动菜单移动li按钮”）.attr（“aria扩展”）；console.log（bData）；如果（bData==“false”）{？？？？？}请将您的JS代码添加到问题中。我们无法帮助您调试无法看到的代码。
var bData = jQuery("#mobile-menu-mobile li button").attr("aria-expanded"); 
console.log(bData); 
if (bData === "false") { ????? }