Efekti

Fade, Slide, Show/Hide i drugi jQuery efekti.

.show() / .hide()

Osnovno

Prikaži ili sakrij element. Možeš dodati brzinu: "slow", "fast" ili milisekunde.

Ja se skrivam!
$("#el").hide(500);
$("#el").show("slow");
$("#el").toggle();

.fadeIn() / .fadeOut()

Fade

Elementi se pojavljuju ili nestaju postupno mijenjanjem prozirnosti.

Fade efekt ✨
$("#el").fadeIn(800);
$("#el").fadeOut(800);
$("#el").fadeToggle();

.slideDown() / .slideUp()

Slide

Elementi se otvaraju ili zatvaraju klizanjem gore/dolje — idealno za menije i accordion.

Slide efekt 📦
$("#el").slideDown("slow");
$("#el").slideUp("fast");
$("#el").slideToggle();

.hover()

Događaji

Reagiraj kad korisnik miševima prijeđe preko elementa i kad ga napusti.

Prijeđi mišem! 🖱
$("#el").hover(
  function() { /* mouseenter */ },
  function() { /* mouseleave */ }
);

.on() događaji

Događaji

Metoda .on() je univerzalni way za postavljanje event listenera na elemente.

Čekam unos...
$("input").on("keyup", function() {
  $("#out").text($(this).val());
});

.css() i .addClass()

DOM

Mijenjaj stilove i klase elemenata u realnom vremenu.

Promijeni moj stil!
$("#el").addClass("aktivno");
$("#el").css("color", "red");