打开一个盒子，关闭所有打开的

Question

我有以下（这很明显，我不能这样做！）

function dropBox() { 
    $("#reportWrapper a").bind("click", function(){ 
     $("#reportWrapper a").each(function(i){ 
      $(this).animate({ 
         height: '20px' 
      }, 1000);        
     }); 
     $(this).parents("div:eq(0)").animate({ 
      height: '100px' 
     }, 1000); 
    }); 
} 

我要的是打开一个被点击并关闭所有打开的。盒子打开盒子，其他人不关闭。任何帮助非常感谢。 问候

Answer 1

如果在该display属性更改为none的方式关闭它们，那么你可以使用jQuery的:visible选择器选择打开的所有其他人。

Answer 2

可以enyone看到为什么这不工作？

function dropBox() { 
    $("#reportWrapper a").bind("click", function(){ 
     var clicked = $(this); 
     $("#reportWrapper a").each(function(){ 
      if(clicked.attr("name") != $(this).attr("name")) 
      { 
       $(this).animate({ 
        height: '20px' 
       }, 1000); 
      } 
      else 
      { 
       clicked.parents("div:eq(0)").animate({ 
        height: '100px' 
       }, 1000); 
      } 
     }); 
    }); 
} 

再次，框点击打开，但一个是开不关闭

function dropBox() { 
    $("#reportWrapper a").bind("click", function(){ 
     var clicked = $(this); 
     $("#reportWrapper a").each(function(){ 
      if(clicked.attr("name") !== $(this).attr("name")) 
      { 
       alert("this: " + $(this).attr("name") + "clicked: " + clicked.attr("name")); 
       $(this).animate({ 
        height: '20px' 
       }, 1000); 
      } 
      else 
      { 
       clicked.parents("div:eq(0)").animate({ 
        height: '100px' 
       }, 1000); 
      } 
     }); 
    }); 
} 

以上，提醒大家除了那个那点击这样的IM难倒

该死...只是sussed它

Answer 3

function dropBox() { 
    $("#reportWrapper a").bind("click", function(){ 
      var clicked = $(this); 
      $("#reportWrapper a").each(function(){ 
        if(clicked.attr("name") !== $(this).attr("name")) 
        { 
          $(this).parents("div:eq(0)").animate({ 
            height: '20px' 
          }, 1000); 
        } 
        else 
        { 
          clicked.parents("div:eq(0)").animate({ 
            height: '100px' 
          }, 1000); 
        } 
      }); 
    }); 

}

作品！