ouvert une boîte, fermez toutes les qui sont ouverts

Question

i ont les éléments suivants (que je ne peux pas faire évidemment!)

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); 
    }); 
} 

Ce que je veux est d'ouvrir un qui est cliqué et fermez toutes celles qui sont ouvertes. La boîte ouvre la boîte les autres ne ferment pas. Toute aide très appréciée. Cordialement

Answer 1

Si vous les fermez d'une manière qui change la propriété display-none, vous pouvez utiliser le sélecteur jQuery :visible pour sélectionner tous les autres qui sont ouverts.

Answer 2

Pouvez-vous voir pourquoi thisa ne fonctionnerait pas? Encore une fois

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); 
      } 
     }); 
    }); 
} 

, la boîte cliqués ouvre, mais celui qui est ouvert ne ferme pas

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); 
      } 
     }); 
    }); 
} 

Ci-dessus, alertes tout le monde en dehors des thats cliquée alors im déconcerté

sacrément Dieu ... juste sussed il

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); 
        } 
      }); 
    }); 

}

ŒUVRES!