要实现点击header收起body,可以使用jQuery的toggle()方法来切换body的显示和隐藏状态。具体实现步骤如下:

  1. 给header添加一个点击事件,当点击header时,执行一个函数。

  2. 在函数内部,使用jQuery选择器选中body,然后使用toggle()方法来切换它的显示和隐藏状态。

下面是示例代码:

// HTML代码
<div class="card">
  <div class="card-header">Header</div>
  <div class="card-body">Body</div>
</div>

// JavaScript代码
$(function() {
  $('.card-header').click(function() {
    $('.card-body').toggle();
  });
});

在这个示例中,当点击.card-header元素时,将切换.card-body元素的显示和隐藏状态。

el-card实现点击header收起body

原文地址: https://www.cveoy.top/t/topic/bFKm 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录