Как се случва на JQuery, JavaScript

Как да се капачета от JQuery

Здравейте на всички! Днес ние ще покажем как да направите разделите (те разделите), използващи JQuery. Таба е доста популярна нещо в модерен уеб, така че всеки уважаващ себе си човек би трябвало да знае как да ги направя. Да вървим.

Аз ще се опитам всичко, за да нарисува някои подробности, че не е имало недоразумение. Нетърпеливи може веднага да види на живо например.

Така че, първо трябва HTML. Например, ние ще имаме само 3 Таба (съответно и 3 вида на съдържание). Напишете следния код:

Моля, имайте предвид, че името на котвата свързва Таба sootvestsvuet номер дива.

Сега добавете стил към вашия вкус тук:

Аз трябва да кажа, че днес ние сме изобретили велосипед (плъгини за огромен брой табове), но гледам как селектори JQuery. Още едно предимство е фактът, че когато е изключен JS потребителят ще продължавате да виждате информацията от разделите.

Съосновател Vremenno.net. Интересува се от онлайн бизнес, дизайн, ползваемост и програмиране клиент. Участва в разработването на няколко интернет проекти.

Понякога той написа в Twitter. но повече за Vremenno.net.

. TabContainers.hide () филтър ( ": екв (" + saved_tab +)) показват, () ;.
$ ( "Div.tabs ul.tabNavigation а"). Щракнете (функция ()

За да избегнете това, е възможно да приключи всеки от единични групи в DIV с някои Haydee, например:

И тогава за всеки блок поотделно извикате функция по следния начин:

$ (Функция () Var tabContainers = $ ( "div.tabs> Разделение ');
.. TabContainers.hide () филтър ( ": първо") показват ();
$ ( "Div.tabs ul.tabNavigation Ли") клик (функция () tabContainers.hide () .;
tabContainers.filter (this.hash) .show ();
$ ( "Div.tabs ul.tabNavigation Li) removeClass (" висене ") .;
$ (Това) .addClass ( "висене");
върнете невярна;
..>) Филтър ( ": първо") бутон ();
>);

Там е показано в този пример, кодът:

За да работите раздели използвани като кода от картинката тук: