title: Prevent style in jQuery from being added
body: <p>I have an accordion coded and with my limited understanding of jQuery I am trying to modify it to prevent a click event from adding a display:none class to the last paragraph element which I need to also display. I'm not sure how the class is being added. </p>
  
  <p>I have the layout styled with as it should with use of flexbox. In an effort to prevent this hiding the last paragraph block I want to show on toggle, I tried modifying the jQ with something like:   </p>
  
  <pre><code>$("#para").css("display", "block");
  </code></pre>
  
  <p>which only partialy works and adds other issues. Here is my fiddle:
  <a href="https://jsfiddle.net/fun_bunch/6n8x1euc/#&amp;togetherjs=ycmm0C4uDd" rel="nofollow noreferrer">https://jsfiddle.net/fun_bunch/6n8x1euc/#&amp;togetherjs=ycmm0C4uDd</a></p>
  
  <p>I'd like to find a real solution.</p>