问个关于伸缩初始化的问题
时间:2009-07-01
来源:互联网
事例代码如下
<script type="text/javascript">
$(document).ready(function(){
$(".accordionbj h3:first").addClass("active");
$(".accordionbj p:not()").hide();
$(".accordionbj h3").click(function(){
$(this).next("p").slideToggle("slow")
.siblings("p:visible").slideUp("slow");
$(this).toggleClass("active");
$(this).siblings("h3").removeClass("active");
});
});
</script>
<div class="accordionbj">
<h3 class="STYLE1" style="background-image:none; background-color:#EBF4FE"><span class="f14 fb blue">导航</span></h3>
<h3>类别1</h3>
<p>
<A href="111" target=_blank>11111111</A><br />
<A href="222" target=_blank>22222222</A><br />
<h3>类别2</h3>
<p>
<A href="111111" target=_blank>3333333</A><br />
<A href="22222222" target=_blank>444444444</A><br />
<A href="33333333" target=_blank>55555555555</A><br />
</div>
========================================================================================
问题描述
这个导航初始化后 都是 收缩起来的
我要的效果是 初始化完 都收缩起来 然后第一个 级别的导航 自动展开 显示
<script type="text/javascript">
$(document).ready(function(){
$(".accordionbj h3:first").addClass("active");
$(".accordionbj p:not()").hide();
$(".accordionbj h3").click(function(){
$(this).next("p").slideToggle("slow")
.siblings("p:visible").slideUp("slow");
$(this).toggleClass("active");
$(this).siblings("h3").removeClass("active");
});
});
</script>
<div class="accordionbj">
<h3 class="STYLE1" style="background-image:none; background-color:#EBF4FE"><span class="f14 fb blue">导航</span></h3>
<h3>类别1</h3>
<p>
<A href="111" target=_blank>11111111</A><br />
<A href="222" target=_blank>22222222</A><br />
<h3>类别2</h3>
<p>
<A href="111111" target=_blank>3333333</A><br />
<A href="22222222" target=_blank>444444444</A><br />
<A href="33333333" target=_blank>55555555555</A><br />
</div>
========================================================================================
问题描述
这个导航初始化后 都是 收缩起来的
我要的效果是 初始化完 都收缩起来 然后第一个 级别的导航 自动展开 显示
作者: 键盘显示器 发布时间: 2009-07-01

作者: 键盘显示器 发布时间: 2009-07-01
在
$(".accordionbj h3:first").addClass("active");
$(".accordionbj p:not()").hide();
后面加上
$(".accordionbj p:first").show();
不知道是不是要这样的效果
$(".accordionbj h3:first").addClass("active");
$(".accordionbj p:not()").hide();
后面加上
$(".accordionbj p:first").show();
不知道是不是要这样的效果
作者: yuchengtech 发布时间: 2009-07-01
哈哈 对 就是这个效果
知道调用一个方法就能展现出来 看完文档没找到 对应的方法
看来 文档 我看的 还是不够仔细 非常感谢你 的帮助
知道调用一个方法就能展现出来 看完文档没找到 对应的方法

作者: 键盘显示器 发布时间: 2009-07-01

作者: yuchengtech 发布时间: 2009-07-01
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28