Jquery顯示隱藏代碼

JavaScript 發(fā)布時(shí)間：2023/04/25 閱讀量：1419 來(lái)源：優(yōu)尚設(shè)計(jì)

這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)HTML元素隱藏和顯示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

話不多說(shuō)，直接上代碼

<!DOCTYPE html>
<html>
  <head>
    <title>Jquery顯示隱藏代碼</title>
  </head>
  <script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script>
  <script>
    $(function () {
      $("#btn").click(function () {
        $("#content").toggle(), $(this).toggleClass("opened");
      });
    });
  </script>
  <body>
    <button id="btn">隱藏/顯示</button>
    <p id="content" style="display: none">
      我們通過(guò)不懈的努力，成為客戶在信息化領(lǐng)域值得信任和有價(jià)值的長(zhǎng)期合作伙伴。
    </p>
  </body>
</html>

文章標(biāo)簽：

您可能感興趣的內(nèi)容