显示隐藏切换同时变化文字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             }         }; 

(adsbygoogle = window.adsbygoogle || []).push({});