Javascript 当用户单击另一个dt（定义术语）时，如何让jQuery中的dd（数据定义）自动关闭？

我正在使用dl、dt和dd（定义列表）的结构创建一个手风琴。逻辑是，如果用户单击dt（定义术语），dd（数据定义）将展开显示。在我的样式表中，我创建了一个类样式（.open），它使用CSS精灵向我显示一个图像

我的代码如下所示：

 $("dd").hide();
 $("dt").click(function(e) {
$(this).toggleClass("open").next().slideToggle();
}

问题是，如果我单击另一个dt，这个现有的dd应该能够折叠（向后切换），并且现有的dt必须删除类“open”

这怎么可能

谢谢！ 詹姆斯

$（“.dt”）。单击（函数（e）{
$（“.dt”）.removeClass（“打开”）；
$（此）.toggleClass（“打开”）；
});
。打开{
颜色：红色；
}

第一组
第二组
div3
很抱歉，我的问题不是很清楚。我的代码显示在底部


$（“文档”）.ready（函数（e）{
$（“dd”）.hide（）；
$（“dt”）。单击（函数（e）{
$（this.toggleClass（“open”）.next（）.slideToggle（）；
});
});
dt{
颜色：#268bd2；
字体大小：粗体；
光标：指针；
边际：0.01米0；
填充：0 20px；
背景：url（../\u images/arrow sprite.png）0 0 0不重复；
线高：16px；
}
dt:悬停{
背景位置：0-16px；
颜色：#2aa198；
}
dt.open{
背景位置：0-32px；
}
打开：悬停{
背景位置：0-48px；
}

我如何得到通知？
Lorem ipsum dolor sit amet，是一位杰出的献身者。埃涅亚拍卖人秃鹫卢克图斯。这是一种新的生活方式。这是一个巨大的子宫内膜异位症。粗壮的前庭温和的饮食。Nam sagittis elementum lectus eget euismod。莫比·韦尔拉克酒后驾车。Aliquam hendrerit leo eu arcu tincidunt，一个威尼斯人最喜欢的tincidunt。在马萨阿利夸姆阿利夸姆和埃吉特酒后驾车的修女。埃涅亚功效最大鼠

如何使用旅游券？
Nunc tincidunt imperdiet ligula，vitae auctor massa tristique ut。这是一个很好的例子，它是苏打水，是一种巨大的水，是一种非水资源。佩伦茨克和普卢斯。同侧矢状沟，同侧矢状沟，同侧矢状沟，同侧矢状沟，同侧矢状沟，同侧矢状沟，同侧矢状沟，同侧矢状沟，同侧矢状沟，同侧矢状沟，同侧矢状沟。我是尼斯勒。亨德雷特turpis dapibus bibendum元素。利奥·塞德·波特特·尤伊斯莫。这是一个很好的例子。这是一个暂时的机会。最重要的是，最重要的是，最重要的是。在马萨矢状位休息。只有非nisl vulputate、vitae congue erat suscipit的供应商。阿利奎姆马莱苏阿达在阿利奎特。他们是圣人，他们是圣人，他们是圣人，他们是发酵剂，他们是猫

你能创建一个stacksnippets来演示这个问题吗？共享适当的代码，我是说Javascript、css和html。你能共享你的html和css代码以获得更多的澄清吗请单击编辑器中的
按钮并创建一个-你可能想做类似
$（this）.siblines（）的事情。removeClass（“打开”）
他有
…
好的，我这是一个样本。那么他想做的事是一样的？。不明白这一点，他不使用divs<代码>div
dt
dd
仅标记。好吧，如果你想的话，你可以改变它？结构完全不同-孩子和兄弟姐妹等