android 百叶窗 特效,jQuery UI

jQuery UI API - 百叶窗特效(Blind Effect)

所属类别

用法

描述：百叶窗特效(Blind Effect)通过将元素包裹在一个容器内，采用"拉百叶窗"效果来隐藏或显示元素。

blind

参数

类型

描述

默认值

direction

String

隐藏元素时拉动百叶窗的方向，显示元素时拉动百叶窗的方向。

可能的值：up、down、left、right、vertical、horizontal。

"up"

容器应用 overflow: hidden 时，高度的变化会影响到元素的可见性。

实例

使用百叶窗特效(Blind Effect)切换一个 div。

百叶窗特效(Blind Effect)演示

#toggle {

width: 100px;

height: 100px;

background: #ccc;

}

点击任意地方进行切换。

$( document ).click(function() {

$( "#toggle" ).toggle( "blind" );

});