Jak skrýt na stránkách div pomocí JavaScriptu

Není to nic složitého, jde to vygooglit, ale jak už jste na tomto blogu poznali, rád si sem dávám návody i pro sebe abych je nezapomněl a měl je při ruce. Teď tedy k tomu jak skrýt pomocí nějakého tlačítka nějakou část na stránkách ohraničenou tagem div.

Kód v JavaScriptu

Asi nemá cenu chodit okolo horké kaše a rovnou si ukážeme kompletní kód a to nejdříve v JavaScriptu, který zařídí výslednou funkcionalitu:

function showhide(id) {
    var e = document.getElementById(id);
    e.style.display = (e.style.display == 'block') ? 'none' : 'block';
}

Kód v HTML

V HTML pak kód může vypadat např. takto:

<p>
    <a href="javascript:showhide('hide')">
        <button>Skrýt/zobrazit obsah</button>
    </a>
</p>

<div id="hide" style="display:none;>
obsah, který se bude skrývat
</div>

Funkční příklad

Výsledný funkční kód funguje takto:

Publikováno 6.8.2017 v 23:36 | Kategorie: JavaScript