Menu tūsaʻo mo le nofoaga i le tulaga o se akotioni ma jQuery

O le Sapati, e pei ona e te iloa - o se vaega taua o le nofoaga. Manaia faatautaia punaoa i le initoneti e mafai ona fiafia tagata asiasi. I le faaopoopo atu, o se meatotino taua o so o se menu - lona compactness. A menu tūsaʻo faigofie faigofie ona foafoaina e faaaoga HTML ma CSS. Ae tatou te oi le isi: Ia tatou aoao e fatu menu- "akotioni" i le fesoasoani a jQuery.

Fai se menu- "akotioni"

O le a se meaai i luga ma i le tulaga o se akotioni? o se mataua-i lalo o lenei lisi, lea e faatupuina ai se faigofie ona faatautaia ma tuuina atu se nofoaga stylish. Meaai, faia i lenei auala, e mafai ai ona e liliu atu le tele o galuega-mea. Avanoa i ai e tupu pe ae kiliki le isumu i le mea manaomia. mafai ona fai atu e faapea e mafai ona faia e se tagata se meaai faigofie i lenei faiga e aunoa ma le faaaogaina o jQuery. Ioe, e. Ae o le a le aoga tele o lenei mea i tagata e umia o telefoni poto po o le papa. Sei o tatou fausia se menu tūsaʻo, talosaga i tagata uma. Ona, ma suia le lanu styling a le faatautaiga, o le a mafai ona e suia le mamanu i so o se nofoaga.

code HTML

O lea, e foafoa ai le tatou meaai tūsaʻo, e tatau ona muamua vili le HTML-code, lea o le a aofia ai laina nei:

Faasaoina lenei code i se faila taʻua Accord_menu.html.

E pei ona e vaai i ai, ua tatou faia se lisi unordered. E aofia ai le 3 manatu autu:

- ata;

- ata tifaga;

- tusi.

Mea taitasi ua i ai ni nai parakalafa. O fea oi #, e tatau ona e faaopoopo sooga. O lenei e taua e faamatalaina ai le faiga. E fuafua lava i le vaaiga o lau punaoa Initoneti. menu tūsaʻo mo e ao i le nofoaga tuufaatasi autasi i lona mamanu.

CSS-code

Faatasi ai ma le ituaiga e le tatau ona faigata. Tatou te matauina na i lenei faataitaiga e faaaoga a faatumu gradient. o le CSS-code lenei:

ua faamaoti mai lanu i le CSS-faila, ua aveesea faailoga tele mai le mea i le lisi i luga o le itu tauagavale. E fuafuaina le auala e amio ai i mea taitasi ma galuega-menu pe ae TAPĒINA i ona luga. Mo se faataitaiga:

# E1fee2 - lenei lanu sesega green laiti.

# C4f0f7 laiti paolo -golubovaty pe ae TAPĒINA i latou.

Faaali atu meatotino fesili poloka taua e fetuunai le padding talafeagai ma tele. Le lanu, lapoa, ituaiga faatanoa o le vai, o le nofoaga - o mea uma e pei ona faamatalaina i totonu o le faila CSS. Valaau atu i ai, mo se faataitaiga, accordionmenu_my1.css.

Soo jQuery faaleleia menu

E pei ona outou manatua, o lo tatou sini - e fatu ai se jQuery tūsaʻo menu. Afai e te le masani i lenei tekinolosi, aua le popole. Tatou te faaaogaina le repository Google ma fesootai faamatalaga JQuery. O le a faia ai meaai sili faatosina. o jQuery se faletusi JavaScript e faavae i luga o le fegalegaleaiga o Hypertext Markup HTML ma JavaScript. e mafai ai jQuery e maua ai le aano ma le uiga o elemene.

O lea, e fesootai le faamatalaga talafeagai i le tino o HTML-faila ma faia tulafono mo le teuina o 2 fesuiaiga, ae vagana ai mo solofanua elemene tuuga. Saofaga code, tapunia isi tabs i le tatalaina o le tasi o lo oi ai o se kiliki isumu. O le auala lenei e foliga mai:

Faasaoina uma suiga, tagai i le o foliga i le menu browser. o se taunuuga masani o: O se taunuuga, ua tatou o mai se meaai manaia e mafai ona e suia i taimi uma, e faalagolago i luga o lo latou e fiafia i ai. Ma le mauaina o le malamalama fou i le fanua o jQuery, CSS, o le ae faatupuina le elemene tulaga ese o le nofoaga, faaleleia o latou tomai.