Vertical 'ike no ka paena ma ke ano o ka accordion me jQuery

Ka 'ike no, e like me ko oukou ike ana - he integral hapa o ka paena. Mea okele online no nā kumu waiwai i mea hiki ke hoihoi malihini. Eia hou, nui ka waiwai o kekahi 'ike no - kona compactness. A noʻonoʻo vertical kuhikuhi kahua paʻa hoopuni i hana mai i ka hoʻohana 'ana HTML a me ka CSS. Akā, ua hele hou: E mākou aʻo e ho okumu menu- "accordion" me ke kōkua o jQuery.

E hana i kekahi menu- "accordion"

He aha mea he vertical kuhikuhi kahua paʻa i loko o ke kino o ka accordion? He He kulu-ia papa inoa, a hana i mea oluolu no ka hoʻokele a me ka haawi i ke kaila paena. Menu, hana ma keia aoao, e leie aku oe e huli i ka hailona o iiaciiie-mau. Ka hookipaia e ia ia lŘlŘ ka wā e kaomi i ka iole ma ka makemake'ikamu. Kekahi e olelo ana ia mea hiki ke hana i ka mea 'ike i loko o kēia like me ka hoʻohana o jQuery. Ae, ia mea. Akā, i kēia mea makemake ole e loa pono i ka mea nona ka Phone a me na papa. E ka hana i kekahi vertical kuhikuhi kahua paʻa, hoopii ana i nā mea a pau. A laila, hoʻololi i keʻano kapaia ka hoʻokele, ka mea e e hiki, e hoʻomaʻa i ka manao i kekahi paena.

HTML kuhi

No laila, e hana mākou vertical kuhikuhi kahua paʻa, e pono mua hōʻike degere i ka HTML-code, a e loko o ka laina.

Mālama i keia hoopai karaima i loko o ka waihona i kapaia o Accord_menu.html.

E like me 'oe ke ike, ua hana mākou i ka unordered papa. Ua he a 3 manaʻo nui:

- kiʻi;

- Film;

- puke.

Kēlā me kēia ikamu i kekahi mau paukū. Auhea #, oe e pono e hoʻouka hou loulou. Ano ia mea nui, e wehewehe i ke kaila. Ua pau hilinaʻi nui ma ka nana aku o kou Internet puke. Vertical 'ike no ka paena pono hoʻononiakahi harmoniously i loko o kona mea i manao ai.

CSS-code

Me styles oe e ole e pilikia. Mākou e hoailona wale i loko o kēia hana hoʻohana heʻano piʻina a maona. Eia ka ka CSS-code:

ua hoakaka ia ke kala ma ka CSS-waihona, e wehe 'ia ka nui hōʻailona mai ka' ikamu i loko o ka papa ma ka hema. Ua hoʻoholo pehea e hele ma kēlā me kēia mau ukana a me ka iiaciiie-Ka 'ike no ka wā e hover no ia. No kekahi laʻana:

# E1fee2 - kēia haikea uliuli waihoʻoluʻu iiaciiie.

# C4f0f7 -golubovaty malu iiaciiie ia oe hover ma luna o lākou.

E hōʻike he waiwai noi hihia waiwai, e hoʻomaʻa i ka pono a me ka nenelu loa nui. Ke kala a pau, nui, Font type, i ka wahi - a pau ua like hōʻike ana ma ka CSS waihona. E kii aku ia, no ka laʻana, accordionmenu_my1.css.

Ai pili aku jQuery Ka 'ike no hou

E like me oe i keia iloko o, ko makou pahu hopu - e hana i kekahi vertical kuhikuhi kahua paʻa jQuery. Inā 'oe i ole kama'āina i kēia enehana, mai hopohopo. E hoʻohana i ka waihona Google a hoʻohui JQuery kōmi'ōkuhi. Kēia, e hana ia oi uʻi kuhikuhi kahua paʻa. jQuery mea he pio ka hale waihona puke ma muli o ka AaOIeIOUIeXAOAaIN o Hypertext hoʻonohonoho HTML, a pio. jQuery apono 'oe i ka nānā' ana i ka maʻiʻo a meʻAno o ka oihana mua.

No laila, hoʻohui i nā pono kōmi'ōkuhi i loko o ke kino o ka HTML-waihona, a hoonoho iho la i ka rula no ka waiho waho pūnaewele o 2 E DEBFULLNAME, koe wale no ka lio eʻohi hehee wale. Haawi kivila, panina'ē aʻe nā māhele ma ka puka o ka kekahi ma a aia no he iole kaomi. Eia pehea ia nana:

Mālama i nā hoʻololi, ike i ka mea nana e like i loko o ka lako 'ike no. I ka mea he pono hopena o: E like me ka hopena, ua hiki mai mākou i ka uʻi 'ike no ia oe ke mau hoololi ae, ke kaumaha ma muli o ko lakou mau makemake. A e loaa hou ka ike i loko o ka mahinaʻai o jQuery, CSS, oe, e hana i ke kūlana kumu o ka paena, ka hoʻomaikaʻi lākou mākau.