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

Question

$(document).ready(function(){
$(".con .dynamic").toggle(function(){
$(this).next(".tab_ul").animate({height: 'toggle', opacity: 'toggle'}, "slow");
},function(){
$(this).next(".tab_ul").animate({height: 'toggle', opacity: 'toggle'}, "slow");
});
});

Answer 1

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

$(document).ready(function(){
$(".con .dynamic").next(".tab_ul").slideDown();//默认显示
$(".con .dynamic").click(function(){
$(this).next(".tab_ul").slideToggle("slow");//显示切换
});
});

希望对你有所帮助

Answer 2

$ (document).ready (function ()
{
$ (".con .dynamic").click (function ()
{
$ (this).next (".tab_ul").slideToggle ('slow');
});
});

Answer 3

$(document).ready(function(){
$(".con .dynamic").next(".tab_ul").hide();//隐藏
$(".con .dynamic").click(function(){
$(this).next(".tab_ul").slideToggle("slow");//切换
});
});