顯示隱藏切換同時變化文字jquery與js實現

 第一種方法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
            }
        };