A B E G

Startseite Skripte für das Wintersemester 2017/18 Webdesign Responsive Images, Transitions & Javascript jQuery: Elemente ein- & ausblenden


jQuery: Elemente ein- & ausblenden

Bei Mouse-Click Elemente sichtbar/unsichtbar machen …

Online-Demo

Die Demo dazu – schaut Euch den Source-Code an!

HTML

<p id="Button">Demo ein/ausblenden</p>

<div id="demo">
    <p>Lorem ipsum…</p>
</div>

Javascript

/* 
    sobald man auf "p#Button" klickt,
    wird das "div#demo" ein- und ausgeblendet
    und zwar innerhalb von 1000 Milisekunden
*/
$(function(){
   $('#Button').click(function(){
      $('div#demo').toggle(1000);
   });
});