<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>Test is-click</title> <script src="../dist/ffnm.min.js"></script> <style> .nav { position: fixed; bottom: 0; left: 0; right: 0; height: 10rem; background: orange; transition: 1s; transform: translateY(10rem); } .show { transform: translateY(0); } </style> </head> <body> <nav class="nav" id="nav" is-click="class:remove('show')">Mi nav</nav> <button is-click="class:add('show', '#nav')">add</button> <button is-click="class:remove('show', '#nav')">remove</button> <button is-click="class:toggle('show', '#nav')">toggle</button> </body> </html>