LigerUI中accordion的若干问题

JSP页面
一.   实现点击查询时,查询区域自动关闭,清单列表展开,且区域上的‘+’‘-’标识自动转换
二.   实现关闭查询区域时,清单列表自动展开,或相反,不可同时关闭(只限于accordion中存在两个div时)

<div id="accordion1" style="width:100%">
         <div id="cond" title="查询区域">
<input type="button" class="button" value="查询" οnclick="query()"></td> 
        </div>
  <div id="list" title="清单列表" lselected=true>
  <div id="maingrid"></div>
 </div>   
 </div>

问题一实现方法(可参考chrome浏览器查看源码)
function query(){
  $("#cond").hide();
  $("#list").show();
  $("#accordion1 .l-accordion-header:first-child div:first-child").removeClass('l-accordion-toggle-open');
  $("#accordion1 .l-accordion-header:first-child div:first-child").addClass('l-accordion-toggle-close');
  $("#cond").next().children().first().removeClass('l-accordion-toggle-close');
  $("#cond").next().children().first().addClass('l-accordion-toggle-open');
}

问题二解决办法,修改ligerAccordion.js中源码
 $(">.l-accordion-header", g.accordion).click(function ()
            {
                var togglebtn = $(".l-accordion-toggle:first", this);
                if (togglebtn.hasClass("l-accordion-toggle-close"))
                {
                    togglebtn.removeClass("l-accordion-toggle-close")
                    .removeClass("l-accordion-toggle-close-over l-accordion-toggle-open-over")
                    togglebtn.addClass("l-accordion-toggle-open");
                    $(this).next(".l-accordion-content")
                    .show(p.speed)
                    .siblings(".l-accordion-content:visible").hide(p.speed);
                    $(this).siblings(".l-accordion-header").find(".l-accordion-toggle").removeClass("l-accordion-toggle-open").addClass("l-accordion-toggle-close");
                }
                else
                {
                    togglebtn.removeClass("l-accordion-toggle-open")
                    .removeClass("l-accordion-toggle-close-over l-accordion-toggle-open-over")
                    .addClass("l-accordion-toggle-close");
                    $(this).next(".l-accordion-content").hide(p.speed);
                    // 20131225 djj (仅限于两个div  新增这部分即可实现)
                    $(this).siblings(".l-accordion-header").find(".l-accordion-toggle").removeClass("l-accordion-toggle-close").addClass("l-accordion-toggle-open");
     $(this).siblings(".l-accordion-header").next(".l-accordion-content").show(p.speed);
                }
            });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值