Blind avec jQuery

Question

J'essaye d'écrire une fonction aveugle qui fermerait un DIV dans un affichage: mode none. Le DIV invisible est à l'intérieur d'un DIV plus large, contenant le déclencheur aveugle.

Ce:

 $(document).ready(function(){ 
      $("#toggle_blind").click(function() { 
      $(this).toggle("fast"); 
      }); 
     }); 

Eh bien, ce stores sur le bouton. Comment puis-je ajouter un DIV à $ this? Quelque chose comme:

<div id="blind" class="wider_div"> 
    <h3 id="closeButton">Close</h3> 
    <div style="display:none;" id="closeThis"> 
     <p>some text</p> 
    </div> 
</div> 

Comment puis-je faire le bouton Fermer H3 pour fermer/ouvrir le CloseButton DIV sur chaque clic?

Merci!

Answer 1

Le div est le frère suivant la h3 afin que vous puissiez utiliser .next()

par exemple

$('#closeButton').click(function(){ 
    $(this).next().toggle(); 
}); 

Answer 2

Référence div directement, vous pouvez mettre autre chose entre elle et le h3.

$(document).ready(function() 
{ 
    $("#closeButton").click(function() 
    { 
     $("#closeThis").toggle("fast"); 
    }); 
});