only allow one card to be expanded

[jmls]

it would be great to be able to specify that a card belongs within a group, and only one card at a time can be expanded (ie clicking on another card in the group will expand that card, and shrink any other expanded card)

something along the lines of

<div class="collapse-card" card-group="foo" card-single-expand>

[julienhoste]

+1

[davidecasadei]

+1

[davidecasadei]

Find this code in paper-collapse.min.js:
onShow:function(){}

Replace with this:
onShow:function(){$('.collapse-card').removeClass('active');$('.collapse-card__body').css('display','none')}

[KayvandenHeuvel]

@davidecasadei That code won't work for me. When I copy/paste that code into my .js file the card wil close right after it is opened. Have you found a way to only close a card when an other one is opened?

@alexander-ruehle I was hoping you might have an solution to this problem. Have you found out a way to make it work?

[wesleymacente]

$('.collapse-card').paperCollapse({ onShow: function(){ $('.collapse-card.active').not(this).removeClass('active').find('.collapse-card__body').slideUp(); } });