toggle

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="resource/bootstrap/css/bootstrap.css"/>
    <script src="resource/jQuery/jquery-1.11.3.js"></script>
    <script src="resource/bootstrap/js/bootstrap.js"></script>
    <script>
        $().ready(function(){
            $("#toggle").click(function(){
                $("p").toggle(1000);
            })
        })

    </script>
</head>
<body>
    <p>hide or show</p>
    <button id="toggle">toggle</button>
</body>
</html>
时间: 2024-11-03 20:50:03

toggle的相关文章

jquery点击改变class并toggle

<html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script> <style> .bg1 { backgro

Unity3D 之UGUI 切换开关(toggle)

(toggle)开关能够实现通过点击实现开和关. 开关下面有两个游戏元素,一个是背景,一个是文字,背景是开关按钮的背景. 可以通过 Is ON开控制开关的开与关. Group -->分组,能够实现多选框. 创建 一个空游戏对象,添加一个开关组的组件,然后放入到Group里.

伸缩的菜单,用toggle()重写

<!DOCTYPE ><html><head><meta charset="UTF-8"/><title>伸缩的菜单,用toggle()重写</title><style><!--body{ background-color:#ffdee0;}#navigation { width:200px; font-family:Arial;}#navigation > ul { list-style-

复合事件ready,hover,toggle

1.ready 2.hover 3.toggle(fn1,fn2, …)(被废弃) 2.hover(fn(){……},fn(){……}) 示例: $('div').hover(function(){ $(this).html('1'); },function(){ $(this).html('2'); }); 效果: 3.toggle被废弃了,怎么使用类似的效果了,我可以做个计数器的方法来使用. 示例: 代码如下: var flag = 1; //通过计数来实现 $('div').click(f

使用toggle()方法进行显示隐藏

使用toggle()方法进行显示隐藏 这是一个示例: 1 <html> 2 <head> 3 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script> 4 <script type="text/javascript"> 5 $(doc

UGUI之Toggle使用

Toggle对象是一个开关.一般用于单选,可以用Toggle制作背包的选项卡 在场景中创建Toggle按钮.看看他有Toggle组件 通过Is On属性来控制是否选中,其实是控制Graphic属性中的显示和隐藏, 接下来一步一步完成选项卡的制作,先看看效果 tab1是没有选中的图片 Image是选中后的图片 在tab1上添加Toggle组件,然后把Image拖拽到Graphic属性 这样就制作了一个单选按钮,接着复制3个 但这里我们要的是只能选择tab1的时候.tab2和tab3是隐藏的.但你发

jquery事件切换hover/toggle

1.hover([over,]out) 一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法.这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态. 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数.当鼠标移出这个元素时,会触发指定的第二个函数.而且,会伴随着对鼠标是 否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个 常见错误). 参数: over:鼠标移到元素上要

替代jquery1.9版本以前的toggle事件函数(开关)

以上文章为转载自http://blog.sina.com.cn/s/blog_50042fab0101c7a9.html var flag=1;     $(".selector").click(function(){        if(flag==1){            //执行方法;             flag=0;         }else{            //执行方法;             flag=1;         } 或者外接函数,例如 to

JS利用取余实现toggle多函数

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

toggle的使用心得

点击同一个标签可以实现不同效果 或者几个效果 以前一般都是if 判断的 逻辑还有判断比较繁琐 看啦手册后 发现这个功能可以不用判断的自动循环点击事件 比以前的简单好用 主要用法:$("td").toggle( function () { $(this).addClass("selected"); }, function () { $(this).removeClass("selected"); }); 循环执行2个函数 也可以设置自动判断隐藏或显