jquery lesson 1 action

jquery lesson 1 action

by Deadly eyes

HTML

<p>Today news on cov19 has been building up.</p>
<button id="enlarge">Enlarge</button>
<button id="reduce">Reduce</button>
<button id="hide">Hide</button>
<button id="show">Show</button>

CSS

p {
  font-size: 1.5em;
}
p.big {
  font-size: 3em;
}

JavaScript

$("button#enlarge").on("click", function() {
  $("p").addClass("big");
});
$("button#reduce").on("click", function() {
  $("p").removeClass("big");
});
$("button#hide").on("click", function() {
  $("p").hide("");
});
$("button#show").on("click", function() {
  $("p").show("");
});