显示隐藏切换同时变化文字jquery与js实现

2019独角兽企业重金招聘Python工程师标准>>>

 第一种方法jquery 实现

$(function(){
       $("#dazhanDetail").click(function(){
         $("#dazhanDetailContent").toggle(10,function(){$("#dazhanDetail").html()=="展开" ? $("#dazhanDetail").html("- 收缩") : $("#dazhanDetail").html("展开");});
         $(".fixed-table-container").css("padding-bottom","40px");
       })
    })

 第二种方法js 实现 

        var oBtn = document.getElementById('timebtn');
        var oDiv1 = document.getElementById('detailDiv');
        var oDiv2 = document.getElementById('kongjianDiv');
        oBtn.onclick = function(){
            if(oDiv1.style.display == 'block'){
                oDiv1.style.display = 'none';
                oDiv2.style.display = 'block';

                //这个地方显示innerHTML
            }else{
                oDiv2.style.display = 'none';
                oDiv1.style.display = 'block';

             //这个地方显示innerHTML
            }
        }; 

转载于:https://my.oschina.net/u/2612473/blog/915324