jquery 水平方向和垂直方向滑動隱藏和顯示 漸漸 隱藏和顯示
阿新 • • 發佈:2019-01-29
水平方向滑動隱藏
jQuery('#divFloatToolsView').animate({width: '300px', opacity: 'hide'}, 'normal',function(){ jQuery('#divFloatToolsView').hide();});
水平方向滑動顯示
jQuery('#divFloatToolsView').animate({width: '300px', opacity: 'show'}, 'normal',function(){ jQuery('#divFloatToolsView').show();});
當然 把width 變成 height 就是垂直顯示或隱藏了
- $(document).ready(function() {
- $('#slidewidth button').click(function() {
- $(this).next().animate({width: 'toggle'});
- });
- });