====== jQuery: Elemente ein- und ausblenden ======

[[include|jquery in die Internetseite einbinden]]

==== HTML-Formular-Elemente ====

<code html>
<p><input type="checkbox" value="1" id="slideLieferanschrift">abweichende Lieferanschrift eingeben</p>
<div id="Lieferanschrift" style="display:none;">
...
</div>
</code>

==== jQuery mit JavaScript aufrufen ====

<code html>
<script language="javascript" type="text/javascript">
$( "#slideLieferanschrift" ).click(function() {
  if ( $( "#Lieferanschrift" ).is( ":hidden" ) )
    $( "#Lieferanschrift" ).slideDown();
  else
    $( "#Lieferanschrift" ).slideUp();
});
</script>
</code>