Blind mit jQuery

Question

Ich versuche, eine blinde Funktion zu schreiben, die ein DIV in einem Display schließen würde: kein Modus. Das unsichtbare DIV befindet sich in einem breiteren DIV, das den blinden Auslöser enthält.

Dieses:

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

Nun, Jalousien dies die Taste. Wie kann ich ein DIV zu $ ​​hinzufügen? Etwas wie:

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

Wie kann ich den Schließen-Button auf H3 schließen/öffnen Sie die Closebutton DIV auf jeden Klick?

Vielen Dank!

Answer 1

Das div ist die nächste Geschwister des h3, so dass Sie verwenden .next können()

Z. B

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

Answer 2

Referenz die div direkt, können Sie etwas anderes zwischen ihm und dem h3 setzen.

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