Jak na to – přepínání Líbí se a Nelíbí
Přepínání mezi tlačítkem Líbí se/Nelíbí se pomocí CSS a JavaScriptu.
Kliknutím na ikonu přepnete mezi palcem nahoru a dolů (líbí se mi/nelíbí se):
Přepnout (skrýt/zobrazit) prvek
Krok 1) Přidejte HTML:
Příklad
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Use an element to toggle between a like/dislike icon -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>
Krok 2) Přidejte JavaScript:
Příklad
function myFunction(x) {
x.classList.toggle("fa-thumbs-down");
}