关于多个折叠面板点击隐藏互不影响的实现

关于多个折叠面板点击隐藏互不影响的实现

 

 

 展开效果:

关于多个折叠面板点击隐藏互不影响的实现

 

折叠效果

关于多个折叠面板点击隐藏互不影响的实现

 

 

 

js:

    var show1 = $('.zyu-gjstxx .zyu-hd .span3');
    var height = $('.zyu-gjstxx .zyu-bd');
    var span2 = $('.zyu-gjstxx .zyu-hd .span2');
    console.log(show1);
    let index = $(this).index();
    console.log(index);
    show1.click(function () {
        $(this).parent().next().slideToggle("fast");

        if ($(this).html() == '收起') {
            $(this)[0].innerHTML = '展开';
            $(this).prev().css({ 'transform': 'rotate(180deg)' });
        }
        else {
            $(this)[0].innerHTML = '收起';
            $(this).prev().css({ 'transform': 'rotate(0)' });
        }
    });

  

上一篇:一个有用的代码


下一篇:jsp页面传参