Bootstrap .collapse('hide')

Mam problem, nie dziala mi funkcja .collapse('hide') tzn. raz na 100 razy zadziala, a zwykle nic sie nie dzieje. Używam jej tak jak jest w dokumentacji, czyli:

<script>
$(document).ready(function() {
   $("button").click(function() {
       $('#myCollapsible').collapse({
       hide: true
       });
  });
});
</script>  
 

Ma ktos jakis pomysl, jak inaczej tego uzyc? Szukalem na stackoverflow, ale nic uzytecznego dla mnie nie znalazlem.

działający przykład http://www.bootply.com/123636