Autor: Ondřej "#lama" Koke
Skrytí části stránky je jednoduché, stačí určitému bloku dát display: none; v CSS a pak ten text pomocí JavaScriptu opět zobrazit. To by bylo snadné, ale co kdy nekdo má vyplý JavaScript... Opět jednoduché, ten text se nechá zmizet také pomocí JavaScriptu. Zaslouí se o tom tento kód, který necháme spustit po načtení stránky (onload atribut v prvku <body>)
function setClass(cls) {
document.getElementById("hide").className=cls;
}
Tento kód zaručí, e stačí zavolat funkci setClass s parametrem 'none' a elementu s id hide se přiřadí třída 'none'.
Jak jsem psal, tento kód spustíme po načtení stránky takto:
<body onload="setClass('none');">
Půlka práce za námi, objekt zmizel a nyní u stačí jen znovu "objevit" tento objekt. Bude to pomocí odkazu, kde po kliknutí přiřadíme akci pro objevení objektu.
<a href="#" onclick="setClass('visible');">a</a>
Samozřejmě musíte mít tyto dvě třídy ve vaem CSS souboru asi takto:
.none {display: none;}
.visible {display: block;}