Hogyan készítsünk egy verem legördülő menü bezárul és a túlfolyó orosz
Alternatívaként nélkül js kizárólag css - próbálja az információ, hogy fel lehessen fogni a linkre „bővebben”. tolóerő viszonylag elhelyezett blokk attribútumot display: none, és megjeleníti azt az eseményt linkre, fordítására rejtett négyzetet az állam ellenőrizni. Ennek alapján az állam a négyzetet megjelenítése / elrejtése Old. Például: bemenet: ellenőrzött + #More_info
Válaszol április 7 '12 at 11:46
Ehhez tegyük fel, hogy van egy ilyen menü az oldalon:
Tehát az első dolog, amit inicializálása könyvtár jquery.js. Kívánatos, hogy csatlakoztassa a szakasz
dokumentumot:Azonnal adja az alap kód:
Itt mi a következő dolgokat:
amikor a DOM dokumentum fa kész, akkor fut a hurok az egész almenü (ul # my-menü ul); minden iterációban szánunk osztály „összecsukható” linkre, amely felelős az almenü; ugyanazt a linket hozzá egy eseménykezelő „click”, amely attól függően, hogy az állam az almenü nyilvánosságra vagy elrejteni. onlick visszatér „hamis”, úgy, hogy nem fordulhat elő egy linket.
Úgy gondolom, hogy ha elrejti például al-menü „termékek”, majd nyissa meg - unokavállalat kell zárni, nem számít, milyen helyzetben voltak korábban. Ezért hozzá a visszahívás funkciót slideUp módszer a következő sort:
Elvileg kész menü. Azonban, akkor lefagy egy pár kis kütyü. Például végrehajtott tárolás menü a nyitottság lesz más oldalakon. Mi ezt egy sütit. A jelentés - amikor a menü, a cookie tárolja jelölést a formában „submenuMark-xx =” nyitott, ahol xx - sorszám (index) az almenü ezen a listán az almenüt. Ennek megfelelően, ha zárt - bejegyzés törlésre kerül a cookie-t.
Együttműködik a cookie lesz könnyen kezelhető bővítmény jquery.cookie.js. Töltsd le és dugja mellett jquery. Most írjon egy pár kiegészítő fukntsy dolgozni süti:
Ha a dokumentum betöltve, azt kell látni, hogy mi az almenü jelölt a cookie-kat, és nyissa meg őket. Ezért illessze be a következő kódrészletet, hogy végigjárjuk az összes podmenyushkam:
Amint láthatjuk, most már van egy CSS-osztályok „tágabb”, „összeomlott”, és a „összecsukható” - így is díszít egy kicsit Étlapunkon CSS.
És az utolsó érintés - bárhol a kódunk nyitja vagy zárja az almenü, a hívást megfelelő cookie-funkciót. Hogy nem fogom leírni - láthatjuk a kész forgatókönyvet.