JQ下拉菜单扩展问题

Question

我有下拉菜单，如下所示：http://jsbin.com/akidiw/2/edit

点击“First”然后点击“Second”，然后点击“Third”，你会看到问题。我知道这都是因为那部分

 $("span.toggle").click(function() {
 $(this).addClass('expanded');
 $(this).next().toggle(1000);

 $(this).parent().parent().find('.expanded').not(this).each(function(){
   $(this).next().toggle(1000);
 });
 });

我希望当您展开一个对象并单击第二个时，第一个正在关闭。请帮忙

Answer 1

您永远不会从关闭的项目中删除“扩展”类。

在“click”事件中，迭代已“展开”的项目并删除该类。