如何检查甚至一个div是扩展还是全部关闭？

Question

我有三个可扩展的div，我需要条件检查是否有一个是开放但我不知道如何或检查是否所有这些都关闭。有什么帮助吗？

http://jsfiddle.net/sutekh/ku8B9/

$("#expand dt a").click(function () {
   $(this).parent().siblings("dd").slideToggle(); 
});

Answer 1

如果您想知道自己是否有其他扩展div，可以使用:visible选择器

$("#expand dt a").click(function () {
    if( $('#expand dd:visible').length > 0) {
    alert('you already have opened ' +  $('#expand dd:visible').length + ' question(s)');
  }
   $(this).parent().siblings("dd").slideToggle(); 
});

如果您尝试同时展开两个或更多div，

将导致警报弹出。 工作小提琴：http://jsfiddle.net/ku8B9/250/

Answer 2

你想要这个输出：

http://jsfiddle.net/ku8B9/249/

$("#expand dt a").click(function() {
  $(this).parent().siblings("dd").slideToggle();
  var index = $(this).closest("dl").index() + 1;
  if (index % 2 == 0)
    alert("even question");
  else
    alert("odd question");
});