Close all bootstrap accordions

Question

I want to save my accordions as an image with HTML2CANVAS. For this i open up all accordions and everything's nice, but then they won't close later on. I digged around and found this great code:

function openAccordions(){
    $('.panel-collapse:not(".in")')
    .collapse('show'); 
}

function closeAccordions(){
    $('.panel-collapse.in')
    .collapse('hide'); 
}

By the looks of it and googling around this should work, although the function openAccordions() work but closeAccordions() does not (elements stay collapsed).

Any ideas how to work around or why this particular code might not work?

Answer 1

try check for visibility. Like so:

function openAccordions(){
    $('.panel-collapse').not(':visible')
    .collapse('show'); 
}

function closeAccordions(){
    $('.panel-collapse').is(':visible')
    .collapse('hide'); 
}