title: Javascript - event.stopPropagation() not working from parent to child on BS4 accordion
body: <p>I am using BS4 accordion with nesting each other.</p>
  
  <p>I have faced event bubbling with parent to child and child to parent both I have solved one that is from child to parent using the event.stopPropagation() but event bubbling from parent to child is not stopped why?</p>
  
  <p>Here is the code</p>
  
  <pre><code>$('.card &gt; .collapse').on('shown.bs.collapse', function(e){
      e.preventDefault();  
      e.stopPropagation();
        $(this).parent().find(".flaticon-down-arrow").removeClass("flaticon-down-arrow").addClass("flaticon-right-arrow");
  
    }).on('hidden.bs.collapse', function(e){
      e.preventDefault();  
      e.stopPropagation();
      $(this).parent().find(".flaticon-right-arrow").removeClass("flaticon-right-arrow").addClass("flaticon-down-arrow");
  
  })
  </code></pre>
  
  <p><a href="https://codepen.io/owaiz/pen/wxNpVN?editors=1010" rel="nofollow noreferrer">Here is my codepen link</a></p>
  
  <p><strong>Note:</strong> - <em>Inspect to the changes of classes</em></p>