zoukankan      html  css  js  c++  java
  • toggle与slideToggle

    相同点:

    1、切换元素的可见状态。如果被选元素是可见的,则隐藏这些元素,如果被选元素是隐藏的,则显示这些元素。

    2、该效果适用于通过 jQuery 隐藏的元素,或在 CSS 中声明 display:none 的元素(但不适用于 visibility:hidden 的元素)。

    不同点:

    1、动态效果方向

    toggle:通过改变其高度、宽度、外边距、内边距和透明度来切换可见状态。动态效果为从右至左。横向动作。

    slideToggle() 方法通过使用滑动效果(高度变化)来切换元素的可见状态。动态效果为从下至上,竖向动作。

    2、语法

    $(selector).slideToggle(speed,callback)

    $(selector).toggle(speed,callback,switch)//若设置speed,则无法使用 switch 参数。若设置 switch ,则无法使用 speed 和 callback 参数。

    3、是否可设置动画开始方向

    (1)、toggle的方向可通过css来设置(目前只测了position:absolute的情况)

    css中若设置top,则从top开始,若设置bottom,从下方开始,俩者并存,从上方开始。

    若设置left,动画从left开始,若设置right,动画从right开始,俩者并存,从left开始。

    (2)、slideToggle的方向是固定的从下往上,不可设置。

    
    
  • 相关阅读:
    H3C ER6300 + 两台 H3C S5120 组网举例
    H3C S5120-52P-WiNet交换机配置
    H3C S5120清除console口密码
    光纤简介
    Windows server 2008 R2 多用户远程桌面
    AutoIt 软件自动化操作
    windows server 2008 R2 计划任务备份系统
    AD域部署使用bginfo软件
    使用WSL吧
    Could not load file or assembly……
  • 原文地址:https://www.cnblogs.com/redFeather/p/15005601.html
Copyright © 2011-2022 走看看