knrt.net
当前位置:首页 >> jquEry点击收缩和展开 >>

jquEry点击收缩和展开

jQuery的 toggle() 方法来切换元素的显示和隐藏:显示被隐藏的元素,并隐藏已显示的元素,从而实现上述功能。 $(selector).toggle(); // 切换目标元素的显示和隐藏状态实例演示:点击按钮出现输入框,同时改变按钮的说明文字,再次点击按钮则隐...

$("abc").click(function(){ var _abc = $(this); $("bcd").toggle(1000,function(){ _abc.removeClass("one").addClass("two"); }); }); 你试试,应该是这样,one 是展开的箭头样式 two是收缩的箭头样式

RunJS 演示代码*{margin:0;padding:0;}.content{width:10px;height:100px;border:1px solid black;right:0;top:200px;position:fixed;}$(function(){$(".content").mouseover(function(){$(this).stop().animate({width: "100px"}).mouseout(fu...

Document 我是div $(function(){ $('input').click(function(event) { $('#demo').toggle(); }); });

#box .hid{display:none;}#box .show{display:block;}12345678910111213展开var len=$("#box li").length;function int(){for(i=8;i

结构非常稳固 $("h3 i").click(function(){ $(this).parent().parent().find("ul").toggle();//无动画显示隐藏 $(this).parent().parent().find("ul").fadeToggle();// 透明度变化 淡入淡出 $(this).parent().parent().find("ul").slideToggle()...

看代码,感觉您受累了。 使用jQuery现成的方法吧: $('div').slideUp();//动感大气上档次 --- 建议,恶补一下jQuery基础,然后看代码,看一段就能吸收一段了。 $()中的内容叫选择器,比如你的登录框id是叫login,通过如下就能让登录框区域动态折...

//首先你要把所有的二级菜单样式加display:none隐藏样式$(function(){ $("li").eq(0).find("ul").show(); //点击 li的a $("li a").click(function(){ $("li ul").hide(); $(this).next("ul").show(); }); //要是点击li $("li").click(function()...

自己修改 jQuery 路径 $(function() { $("#toggle").click(function() { $(this).text($("#content").is(":hidden") ? "收起" : "展开"); $("#content").slideToggle(); });}); 展开隐藏内容隐藏内容

如果用的是jq可以用这个函数 $(document).ready(function(){ $(".con .dynamic").next(".tab_ul").slideDown();//默认显示 $(".con .dynamic").click(function(){ $(this).next(".tab_ul").slideToggle("slow");//显示切换 }); }); 希望对你有所...

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com