jquery展开收缩,jquery菜单栏展开收缩

jquery 从下往上的收缩展开效果 默认展开

如果用的是jq可以用这个函数

$(document).ready(function(){

$(".con .dynamic").next(".tab_ul").slideDown();//默认显示

$(".con .dynamic").click(function(){

$(this).next(".tab_ul").slideToggle("slow");//显示切换

});

});

希望对你有所帮助

相关问答

Q1: 用jquery怎么实现点击图片展开，收缩的功能

$("abc").click(function(){

var _abc = $(this);

$("bcd").toggle(1000,function(){

_abc.removeClass("one").addClass("two");

});

});

你试试，应该是这样，one 是展开的箭头样式 two是收缩的箭头样式

Q2: jquery收起展开效果

结构非常稳固

$("h3 i").click(function(){

$(this).parent().parent().find("ul").toggle();//无动画显示隐藏

$(this).parent().parent().find("ul").fadeToggle();// 透明度变化 淡入淡出

$(this).parent().parent().find("ul").slideToggle(); //有个上下滑动动画的展开收起效果 推荐

});

Q3: jquery 展开收缩重复问题

你这样写自然是全部展开了！

$(".rule-down").removeClass("rule-auto");

意思是所有class=rule-down的div都执行移除class rule-auto。

rule-down改成this

Q4: JQUERY展开收缩的问题

$(function(){

$('.jqdemo').prev().click(function() {

$(this).find('span').toggleClass('pic img').end().next().toggle();

});

});

Q5: jquery 如何实现多个DIV展开收缩

//给那些div一个共同的属性：比如name="showhide"

$("div[name=showhide]").fadeIn(500);//显示name是showhide的所有div

$("div[name=showhide]").fadeOut(500);//隐藏name是showhide的所有div