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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券