Folder ./module/tabs

FADE табы

First

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos unde, harum totam consequuntur repellendus non et itaque expedita ullam error eum dignissimos commodi distinctio nihil ab a cum corporis nulla!

Second

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos unde, harum totam consequuntur repellendus non et itaque expedita ullam error eum dignissimos commodi distinctio nihil ab a cum corporis nulla!

Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias rem aut recusandae voluptatem, temporibus error magnam distinctio, vitae, esse, debitis et omnis dolore ratione. Sit numquam enim officia delectus odit!

SLIDE табы

First

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos unde, harum totam consequuntur repellendus non et itaque expedita ullam error eum dignissimos commodi distinctio nihil ab a cum corporis nulla!

Second

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos unde, harum totam consequuntur repellendus non et itaque expedita ullam error eum dignissimos commodi distinctio nihil ab a cum corporis nulla!

Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias rem aut recusandae voluptatem, temporibus error magnam distinctio, vitae, esse, debitis et omnis dolore ratione. Sit numquam enim officia delectus odit!

Табы без эффекта

First

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos unde, harum totam consequuntur repellendus non et itaque expedita ullam error eum dignissimos commodi distinctio nihil ab a cum corporis nulla!

Second

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos unde, harum totam consequuntur repellendus non et itaque expedita ullam error eum dignissimos commodi distinctio nihil ab a cum corporis nulla!

Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias rem aut recusandae voluptatem, temporibus error magnam distinctio, vitae, esse, debitis et omnis dolore ratione. Sit numquam enim officia delectus odit!

CUSTOM EFFECT табы

First

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos unde, harum totam consequuntur repellendus non et itaque expedita ullam error eum dignissimos commodi distinctio nihil ab a cum corporis nulla!

Second

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos unde, harum totam consequuntur repellendus non et itaque expedita ullam error eum dignissimos commodi distinctio nihil ab a cum corporis nulla!

Third

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias rem aut recusandae voluptatem, temporibus error magnam distinctio, vitae, esse, debitis et omnis dolore ratione. Sit numquam enim officia delectus odit!

Folder ./module/tabs-to-accordion

Tab 1 Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod labore sapiente sit facilis nemo incidunt adipisci tenetur aliquam iusto eum! Expedita vel sit, laudantium eos error veritatis unde vero. Eveniet!

Tab 2 Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod labore sapiente sit facilis nemo incidunt adipisci tenetur aliquam iusto eum! Expedita vel sit, laudantium eos error veritatis unde vero. Eveniet!

Tab 3 Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod labore sapiente sit facilis nemo incidunt adipisci tenetur aliquam iusto eum! Expedita vel sit, laudantium eos error veritatis unde vero. Eveniet!

Tab 4 Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod labore sapiente sit facilis nemo incidunt adipisci tenetur aliquam iusto eum! Expedita vel sit, laudantium eos error veritatis unde vero. Eveniet!

Folder ./module/tab-to-select

Home tab

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa repellat incidunt ratione eum ducimus sit voluptatibus reprehenderit atque? Consequuntur incidunt iste totam rerum magni illum velit molestiae sed maxime aliquam?

Products tab

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa repellat incidunt ratione eum ducimus sit voluptatibus reprehenderit atque? Consequuntur incidunt iste totam rerum magni illum velit molestiae sed maxime aliquam?

About tab

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa repellat incidunt ratione eum ducimus sit voluptatibus reprehenderit atque? Consequuntur incidunt iste totam rerum magni illum velit molestiae sed maxime aliquam?

Folder ./module/tab-to-accordion-vert

1Has skincare benefits including vitamin C and caffeic acid, which both fight to reduce inflamed or irritated skin, and hydration thanks to its high water content. The peel itself contains silica, which firms up sagging skin. People with the most sensitive skin types can use cucumber to their advantage.

2Has skincare benefits including vitamin C and caffeic acid, which both fight to reduce inflamed or irritated skin, and hydration thanks to its high water content. The peel itself contains silica, which firms up sagging skin. People with the most sensitive skin types can use cucumber to their advantage.

3Has skincare benefits including vitamin C and caffeic acid, which both fight to reduce inflamed or irritated skin, and hydration thanks to its high water content. The peel itself contains silica, which firms up sagging skin. People with the most sensitive skin types can use cucumber to their advantage.

4Has skincare benefits including vitamin C and caffeic acid, which both fight to reduce inflamed or irritated skin, and hydration thanks to its high water content. The peel itself contains silica, which firms up sagging skin. People with the most sensitive skin types can use cucumber to their advantage.

Folder ./module/accordion

		jQuery('ul.accordion').slideAccordion({
		activeClass:'open',      // класс "active" открытого состояния
		opener:'>a.opener',      // селектор ссылки-opener
		slider:'>div.slide',     // селектор дропа аккордиона
		collapsible:false,       // разрешать сворачивать активный элемент аккордиона
		animSpeed: 300,          // скорость анимации аккордиона
		scrollToActiveItem: {    // прокрутка к активному элементу аккордиона
			enable: true,
			breakpoint: 1920, // max-width
			animSpeed: 600,
			extraOffset: null
		}
	});

Обычный аккордион

Многоуровневый аккордион

Folder ./module/viewportchecker-animate

just example animate - add class "a-up" to you block

Folder ./module/slider-run

Folder ./module/js-custom-forms

Для отмены действия плагина на каком либо элементе добавить класс "jcf-ignore" на этот элемент

JavaScript Custom Forms

This library allows crossbrowser form elements customization using CSS.

Supported elements are following: select, checkbox, radio, file input (and more coming)

Number inputs

Select

Select module provides an ability to customize not only select area but also its dropdown. Multiple selects, keyboard navigation and custom scrollbars are supported in the option list.

Checkboxes and radios

Focused and pressed states are also handled.

File input

Simple file input customization. Custom browse button text, focus/pressed state, selected file extension class.

Folder ./module/jcf-select2

More info see - https://github.com/select2/select2

Folder ./module/smooth-scroll

Для плавного перемещения по якорным ссылкам
LINK UP TO BODY
LINK UP TO BODY WITH DATA OPTIONS

Folder ./module/countdown


Folder ./module/browser-detect

Скрипт определения браузера, движка и OS, срабатывает при подключении прописывает название в тег html

Folder ./module/scriptToggleClassParents

Скрытие показ блока по другому блоку, с привязкой к родителю + добавления класса родителю

Toggle block - click me

Folder ./module/jquery-validate-form

Валидация формы + отправка ajax

Email sent successfully
Something went wrong, please try again later

Folder ./module/arrow-up

Кнопка вверх с небольшой анимацией появления исчезания вверху

Folder ./module/magnific-popup

Popup

Folder ./module/jquery-rating-stars

Рейтинг с возможностью выбора - более подробно http://biznesguide.ru/coding/156.html

Folder ./module/table-responsive

First Name Last Name Job data-label Favorite Color Wars or Trek? What is Lorem Ipsum? Date of Birth
James Matman Chief Sandwich Eater Chief Sandwich Eater Lettuce Green Trek Digby Green January 13, 1979
The Tick Crimefighter Sorta Blue Wars John Smith July 19, 1968

Folder ./module/fancybox

Folder ./module/datepicker

Folder ./module/tooltip

Пример работы Tooltip для инлайновых ссылок (наведите на ссылки в тексте)

Proin tincidunt, orci eu consectetur interdum, enim tellus imperdiet odio, id porttitor enim pede sit amet erat..

Пример работы Tooltip с различными способами позиционирования

Пример работы Tooltip с кастомной структурой

Folder ./module/Touch-Device-Detect

Folder ./module/add-class-for-focus

Add class parents for focus input example:

Folder ./module/input-mask

breakpoint