Clip Effect :: Эффект Клипа
Описание: Эффект Клипа прячет или показывает элемент, сворачивая элемент вертикально или горизонтально.Description: The clip effect will hide or show an element by clipping the element vertically or horizontally.
Теория
Тесты по теории можно посмотреть здесь.
• clip
◦ direction (default: "vertical")
Type: String
The plane in which the clip effect will hide or show its element.
vertical clips the top and bottom edges, while horizontal clips the right and left edges.
Направление (direction) по которому Эффект Клипа будет прятать или показывать элемент.
Значение vertical (вертикально) - сворачивание по верхним и нижним углам, horizontal (горизонтально) - сворачивание по правым и левым углам.
Example: (Пример: )
Toggle a div using the clip effect.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <!doctype html> < html lang = "en" > < head > < meta charset = "utf-8" > < title >clip demo</ title > < style > #toggle { width: 100px; height: 100px; background: #ccc; } </ style > </ head > < body > < p >Click anywhere to toggle the box.</ p > < div id = "toggle" ></ div > < script > $( document ).click(function() { $( "#toggle" ).toggle( "clip" ); }); </ script > </ body > </ html > |