Как обработать shown.bs.collapse нужной панели (.panel) в js в bootstrap 3?

Question

[SvizzZzy]

Привет.

Не могу понять как отреагировать в JS на shown.bs.collapse нужной панели.

Так работает:

$('.panel').on('shown.bs.collapse', function (e) {
    alert(123);
});

А так нет:
(вообще ничего не происходит)

$('.my-panel-1').on('shown.bs.collapse', function (e) {
    alert(123);
});

Код панели:

<div class="panel panel-success my-panel-1"> 

   <div class="panel-heading"> 
      <h3 class="panel-title"><a data-toggle="collapse" href="#my-panel-collapse-1">title</a></h3> 
   </div> 
   
   <div id="my-panel-collapse-1" class="panel-collapse collapse">

     <div class="panel-body"> 
        body
     </div>
   
   </div> 
   
</div>