I want to set up an event listener that triggers when any of the Bootstrap 3 accordions within or potentially within "#myDiv" are activated.
This snippet works:
$('#myDiv').on('shown.bs.collapse', function () {
//code here
});
However, I also need to retrieve the ID of the open accordion. So, I attempted the following:
$('#myDiv').on('shown.bs.collapse', '.collapse', function (e) {
alert(e.currentTarget.id);
});
Despite all the accordions having the .collapse class and being inside #myDiv, this approach doesn't work. Do I have to include an accordion within #myDiv at the time of setting up the listener for it to work?