+ -
当前位置:首页 → 问答吧 → 问个关于伸缩初始化的问题

问个关于伸缩初始化的问题

时间: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>




========================================================================================

问题描述


这个导航初始化后 都是 收缩起来的

我要的效果是 初始化完  都收缩起来 然后第一个  级别的导航 自动展开 显示

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

刚接触 jq   所以 很多方法 都不知道怎么调 麻烦老手们  帮改下

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


$(".accordionbj h3:first").addClass("active");
$(".accordionbj p:not()").hide();
后面加上
$(".accordionbj p:first").show();
不知道是不是要这样的效果

作者: yuchengtech   发布时间: 2009-07-01

哈哈 对 就是这个效果  

知道调用一个方法就能展现出来 看完文档没找到 对应的方法

看来 文档  我看的 还是不够仔细  非常感谢你 的帮助

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

我也是刚刚接触JQuery

作者: yuchengtech   发布时间: 2009-07-01

相关阅读 更多