jQuery Effecten

jQuery hide() en show()

Met de jQuery hide() en show methoden kunnen HTML tags verborgen worden en terug zichtbaar worden.

Voorbeeld:

$("#hide").click(function(){
  $("p").hide();
});
$("#show").click(function(){
  $("p").show();
});

Syntaxis:

$(kiezer).hide(snelheid, terugroep);
$(kiezer).show(snelheid, terugroep);

Het facultatieve argument snelheid bepaald de snelheid waarmee de tag verdwijnt of verschijnt. Je gebruikt als waarden slow, fast of een tijd in milliseconden.

Het facultatieve argument terugroep is de naam van een functie die na het verbergen of verschijnen wordt uitgevoerd.

Voorbeeld met het argument snelheid:

$("button").click(function(){
  $("p").hide(1000);
});

jQuery toggle()

Om met jQuery te schakelen tussen de hide() en show() methoden gebruik je de toggle() methode.

De zichtbare tags verdwijnen, terwijl de onzichtbare tags verschijnen.

Voorbeeld:

$("button").click(function(){
  $("p").toggle();
});

Syntaxis:

$(kiezer).toggle(snelheid, terugroep);