css - 将 Ionic 中的元素列表最小化为一个元素

Question

我有一个表格。该表格中有不同的部分。每个部分都由一个标题分隔。我想要实现的是当我单击标题时，它下面的元素将消失。 我会展示我想做什么

wanted design

如您所见，有一个最小化按钮。单击时该按钮将变为最大化按钮。一个加号

这是我到目前为止所做的 my design

我真的不知道怎么做。我想是某种 CSS

谢谢你的帮助

Answer 1

使用 jquery SlideToggle 解决

  $(".buttonh").click(function(){
if($(this).html() == "-"){
    $(this).html("+");
}
else{
    $(this).html("-");
}
$("#ion-item2").slideToggle();
});

您需要在 index.html 中添加 jquery