Dnes si ukážeme jak jednoduše vytvořit Schovávací vyhledavací pole.

Schovávací vyhledavací pole www.drechy.cz

Teorie

Jednoduchá věc, jednoduché řešení. Nastylujeme si tlačítko, kterým zobrazíme pole a samotné pole, kterému nastavíme šířku 0 a po kliknutí ji nastavíme například na 250px.

Praxe

Vytvoříme si tlacitko, vyhledávací pole a uzavřeme jej do divu.

Stylování

Stylovani je na vás, důležité je nastavit padding 0 a šířku vyhledávacího pole 0.

Scriptování

Nakonec přidáme jquery a napíšeme jednoduchý script.

 

Celou práci k nahlédnutí a ke stažení naleznete zde