<div class="title"> Mytitle plus
<div class="mybuttns" >
<div class="ui tiny button">This button shouldn't open my accordion</div>
<div class="ui tiny button" onclick="">neither this</div>
<div class="ui tiny button" onclick="">neither this</div>
</div>
</div>
Some accordion rows (understanding row as title+content) were harcoded in the html file,
others were dinamically created using an html-string, and then used: acordion.insertAdjacentHTML
Cannot "prevent default" on a button inside the title when de row was injected thru acordion.insertAdjacentHTML
I created a CSS class like this:
Then It was applied like:
Some accordion rows (understanding row as title+content) were harcoded in the html file, others were dinamically created using an html-string, and then used: acordion.insertAdjacentHTML
On the other side I did my jquery homework:
Expected Result
When clicking anything inside my buttons div it should not open the accordion
Actual Result
Only if the accordion itemas are loaded in the biginning this "stopPropagation" works.
When ittem is added with acordion.insertAdjacentHTML it won't trigger the event $('.mybuttns').on('click', function(event)
Version
2.4
Testcase
Let me know if do you need anything else