Benutzer-Werkzeuge

Webseiten-Werkzeuge


jquery:slide

Dies ist eine alte Version des Dokuments!


jQuery: Elemente ein- und ausblenden

jQuery in die Seite einbinden

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

HTML-Formular-Elemente

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

jQuery mit JavaScript aufrufen

<script language="javascript" type="text/javascript">
$( "#abwLieferanschrift" ).click(function() {
  if ( $( "#Lieferanschrift" ).is( ":hidden" ) )
    $( "#Lieferanschrift" ).slideDown();
  else
    $( "#Lieferanschrift" ).slideUp();
});
</script>
jquery/slide.1450537282.txt.gz · Zuletzt geändert: 2016/01/12 00:00 (Externe Bearbeitung)