Javascript Jquery：如何使figure元素可折叠？

如何在不添加额外按钮的情况下使地物元素可折叠

---

您可以使用

slideToggle（）

函数，前提是包含jQuery（强烈推荐）

然后你可以简单地做：

$( "#myButton" ).click(function() {
  $( "figure" ).slideToggle( "slow" );
});

当然，您需要添加一个按钮。您可以使用jQUery（自动）附加一个，也可以编辑HTML以将其添加到那里

以下是HTML方式

<button id="myButton">Click Me</button>

---

链接到jQuery slideToggle:

查看这个简单的代码片段，使用figure元素本身切换图像

$（'accordian'u img'）。单击（函数（）{
$（'.img toggle'）.toggleClass（“显示”）；//将显示类切换到图像元素
});
要显示和隐藏的图像样式*/
.img-toggle.show{
显示：块；
}
.img开关{
显示：无；
}

单击以切换图像

你喜欢什么？你说

没有添加额外的按钮

，但是你说

我想放置一个按钮来打开图像

你到底想做什么？还有

切换类

，它可以用来从引导或自定义css中切换类，例如

隐藏的

。虽然你没有动画效果

slideToggle（）

提供。不过，您也可以使用CSS动画来获得任何想要的效果。或者也可以使用jqueryanimate@GetOffmyLawn如果您使用css转换，它会比jquery的转换运行得更平滑，但是如果这对您正在做的事情很重要，那么您也会失去很多缓和效果。

$('figure').append("<button id='myButton'>Click Me</button>");

$('figure').after("<button id='myButton'>Click Me</button>");