<!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>