切换多个项目但希望一次只能看到一个？

Question

Fiddle

我希望这样做：

1. 每个红色框（<span class="more">）显示/隐藏说明（<div class="description">）
2. “关闭”链接也隐藏说明
3. 如果已经打开了描述，则需要在另一个打开时关闭。因此，一次只能看到一个。

积分1＆amp; 2，到目前为止一切顺利。但是我坚持第3点 - 我试图找到隐藏它们的其他描述，但这失败了！

$(".description").not(this).next(".description").removeClass("show")

有人能帮忙吗？

Answer 1

将第4行更改为：

$(".description").removeClass("show"),

由于你是新人还没有出现，所以关闭它们并不重要。

Answer 2

$(".description").removeClass("show"),
$(this).next(".description").toggleClass("show");

Updated fiddle

Answer 3

这应该照顾它：http://jsfiddle.net/SMLwc/7/

$(document).ready(function () {

  $(".more").bind("click", function () {
    $(this).next(".description").toggleClass("show")
      .parent().siblings().find(".description").removeClass("show");
  });

  $(".close").bind("click", function () {
    $(this).parent(".description").toggleClass("show");
  });

});