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

jquEry点击收缩和展开

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

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

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

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...

直接使用jquery的slideToggle()即可达到div层缓慢收缩与展开的目的

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

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

var a = $('#你的div id');a.slideDown("slow");语法:$(selector).slideDown(speed,callback);可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。可选的 callback 参数是滑动完成后所执行的函数名称。

functionshow(id) { //alert(id); varimg = document.getElementById(id); if(img.style.display =="block") { document.getElementById(id).style.display ="none"; } elseif(document.getElementById(id).style.display =="none") { document...

展开 $("#toggle").click(function() { $(this).html($("#content").is(":hidden") ? "收起"+"" : "展开"+""); $("#content").slideToggle(); }); 按你这种写法,直接把三角的图片跟那个文字写在一起,要不然还真不太方便控制。把text方法改成ht...

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