Masquer Autres divs autres que celui que je clique dessus ... En JQuery

Question

HI,

j'ai html comme

<div class="float_left myFormsContainer" id="fm_myforms_container"> 

    <div id='form1'> 
      <p> 
      <a id="form43" data-attr="Formentries" href="#"> Personal Form </a> 
      </p> 
     EDITTED  <div></div> 
     </div> 
    <div id='form2'> 

     <p> 
      <a id="form44" data-attr="Formentries" href="#"> Contact Form </a> 
     </p> 
</div> 

<div id='form3'> 
      <p> 
      <a id="form45" data-attr="Formentries" href="#"> Employee Form </a> 
     </p> 
</div> 

</div> 

En JQuery j'ai codé comme sur une étiquette cliquant sur une

$("#fm_myforms_container a").live("click", function(){ 


     $("#fm_myforms_container div").hide();//to hide all other divs other than the one what i have clicked... 

return false; 
     }); 

je suis en train de cacher tous les autres divs autres que celui que j'ai cliqué ...

comment faire ?? s'il vous plaît me suggérer .. Je suis nouveau à JQuery ...

Answer 1

Vous pouvez utiliser:

$("#fm_myforms_container div").not($(this).closest("div")).hide(); 

ou si vous ne souhaitez que masquer les divs haut niveau:

$("#fm_myforms_container > div").not($(this).closest("div")).hide();