jquery如何在点击一个按钮时显示隐藏

作者：System 时间：2024年08月19日分类：所有,jquery 字数：370

在jQuery中，你可以使用.toggle()方法来在点击按钮时显示和隐藏元素。这里是一个简单的例子：

HTML:




<button id="toggleButton">显示/隐藏</button>
<div id="content">这里是需要显示或隐藏的内容</div>

jQuery:




$(document).ready(function(){
  $('#toggleButton').click(function(){
    $('#content').toggle();
  });
});

当按钮被点击时，#content元素的显示状态会切换。如果它是可见的，它会被隐藏；如果它是隐藏的，它会变得可见。