Javascript 一次仅显示一个下拉项

我需要修改jquery，以便一次只能打开一个列表项，并且只想修改代码的现有版本

$（文档）.ready（函数（）{
$（“.contacts ul li”）。在（“单击”，函数（）{
if（$（this）.find（“ul”）.css（'display'）=='none'）{
$（this.find（“ul”）.show（）；
$（此“.contacts ul li”）.addClass（“选定”）
}否则{
$（this.find（“ul”）.hide（）；
$（此“.contacts ul li”）.removeClass（“选定”）
}
});
});
html，
身体{
背景色：#fff；
保证金：0；
填充：0；
身高：100%；
字体大小：14px；
字体系列：“Myriad Pro”，无衬线；
}
h1，
h2，
h3，
h4{
保证金：0；
填充：0；
}
p{
保证金：0；
填充：0；
}
.覆盖{
宽度：100%；
身高：100%；
z指数：9999；
背景色：rgba（0,0,0,0.2）；
位置：固定；
排名：0；
左：0；
右：0；
}
.联系人{
位置：固定；
排名：0；
右：0；
宽度：240px；
身高：100%；
左边框：实心1px#111；
背景色：#1A1A；
溢出y：滚动；
填充顶部：51px；
}
.联系人h1{
字号：1.250em；
字体大小：正常；
填充：15px；
背景色：#1A1A；
颜色：#fff；
位置：固定；
排名：0；
右：0；
宽度：继承；
框大小：边框框；
-webkit框大小：边框框；
-moz框大小：边框框；
背景色：#131313；
/*Permalink-用于编辑和共享此渐变：http://colorzilla.com/gradient-editor/#3e3e3e+0,252525+100 */
背景：#3e3e；
/*旧浏览器*/
背景：-莫兹线性梯度（顶部，#3e3e3e0%，#252525 100%）；
/*FF3.6-15*/
背景：-webkit线性梯度（顶部，#3e3e 0%，#252525 100%）；
/*铬10-25，Safari5.1-6*/
背景：线性梯度（至底部，#3e3e 0%，#252525 100%）；
/*W3C、IE10+、FF16+、Chrome26+、Opera12+、Safari7+*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#3e3e3e'，endColorstr='#252525'，GradientType=0）；
/*IE6-9*/
z指数：9999；
}
.联系ul{
保证金：0；
填充：0；
列表样式类型：无；
}
.联络李国宝{
填充：15px；
背景色：#1A1A；
颜色：#5656；
光标：指针；
}
.联系人：第n个孩子（单数）{
背景色：#212121；
}
.联系ul li ul{
利润率：-15px；
边缘顶部：15px；
显示：无；
}
.联系ul li ul li{
背景色：#444！重要；
游标：默认值；
颜色：#999！重要；
}
.李：悬停{
背景色：rgba（0,0,0,0.2）；
}
.阿凡达{
宽度：32px；
高度：32px；
边界半径：32px；
-webkit边界半径：32px；
-moz边界半径：32px；
边框：实心3倍石灰；
显示：内联块；
浮动：左；
}
.选定{
背景色：#4848！重要；
颜色：#fff！重要；
}
.地位{
背景颜色：浅绿色；
宽度：12px；
高度：12px；
边界半径：6px；
-webkit边界半径：6px；
-moz边界半径：6px；
显示：内联块；
右边距：5px；
位置：相对位置；
顶部：1px；
}
.离线{
背景色：红色！重要；
}
.走开{
背景色：橙色！重要；
}
.邮件{
颜色：#00f6ff！重要；
文字装饰：下划线；
}
.clearfix{
明确：两者皆有；
}
@仅介质屏幕和（最大宽度：768px）{
.联系人{
宽度：100%；
}
}

联络


基督教的

电话：555.555.555
电子邮件：christian@yahoo.com



富有的

电话：555.555.555
电子邮件：rich@hotmail.com



戴夫

电话：555.555.555
电子邮件：dave@tripod.com



直率的

电话：555.555.555
电子邮件：frank@live.com



詹姆斯

电话：555.555.555
电子邮件：james@aol.com



埃迪

电话：555.555.555
电子邮件：eddie@outlook.com



您需要按照以下方式进行操作：-

$(document).ready(function() {
  $(".contacts ul li").on("click", function() {
    $('.contacts ul li').removeClass('selected').children("ul").hide();
    $(this, ".contacts ul li").addClass("selected").children("ul").show();
  });
});

工作示例：-


$（文档）.ready（函数（）{
$（“.contacts ul li”）。在（“单击”，函数（）{
$（'.contacts ul li'）.removeClass（'selected'）.children（'ul'）.hide（）；
$（此“.contacts ul li”）.addClass（“selected”）.children（“ul”）.show（）；
});
});
html，
身体{
背景色：#fff；
保证金：0；
填充：0；
身高：100%；
字体大小：14px；
字体系列：“Myriad Pro”，无衬线；
}
h1，
h2，
h3，
h4{
保证金：0；
填充：0；
}
p{
保证金：0；
填充：0；
}
.覆盖{
宽度：100%；
身高：100%；
z指数：9999；
背景色：rgba（0,0,0,0.2）；
位置：固定；
排名：0；
左：0；
右：0；
}
.联系人{
位置：固定；
排名：0；
右：0；
宽度：240px；
身高：100%；
左边框：实心1px#111；
背景色：#1A1A；
溢出y：滚动；
填充顶部：51px；
}
.联系人h1{
字号：1.250em；
字体大小：正常；
填充：15px；
背景色：#1A1A；
颜色：#fff；
位置：固定；
排名：0；
右：0；
宽度：继承；
框大小：边框框；
-webkit框大小：边框框；
-moz框大小：边框框；
背景色：#131313；
/*Permalink-用于编辑和共享此渐变：http://colorzilla.com/gradient-editor/#3e3e3e+0,252525+100 */
背景：#3e3e；
/*旧浏览器*/
背景：-莫兹线性梯度（顶部，#3e3e3e0%，#252525 100%）；
/*FF3.6-15*/
背景：-webkit线性梯度（顶部，#3e3e 0%，#252525 100%）；
/*铬10-2