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

jquEry点击收缩和展开

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

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

RunJS 演示代码jQuery(function($){$("ul>li>a").click(function(){$(this).next("ul").toggle().closest("li").siblings("li").children("ul").hide();}).next("ul").hide();}); 一级菜单隐藏的二级菜单项隐藏的二级菜单项隐藏的二级菜单项一...

$("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...

//给那些div一个共同的属性:比如name="showhide"$("div[name=showhide]").fadeIn(500);//显示name是showhide的所有div$("div[name=showhide]").fadeOut(500);//隐藏name是showhide的所有div

可以在每个菜单连接上加一个参数比如menuid=11,传递到下一个页面取到这个menuid的值 然后展开对应菜单

不知道你要的是不是这种效果: $(document).ready(function () { $("#showfile").click(showFile); }) function showFile() { if ($("#file").css("display") == "none") { $("#file").css("display", "inline"); $("#status").text("收缩"); } ...

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

$(function () { var content = ""; for (var i = 0; i < 20; i++) content += "葡萄美酒夜光杯,欲饮琵琶马上催。"; $("#p1").html(content); $("#btn").toggle(function () { $("#p1").slideDown("slow"); }, function () { $("#p1").slideUp...

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