<p dir="auto">Let's say I have a <code class="notranslate">&lt;div&gt;</code> inside a dropdown-accordion.</p>
<p dir="auto">The problem is, in IE9 or 9+, the panel when collapsed doesn't hide again. It only hides when some other section is clicked.</p>
<p dir="auto">How do I know programatically that the panel currently is shown. So that when it is shown, i can programtically hide it back.</p>
<p dir="auto">Here is the fiddle - <a href="http://www.bootply.com/jaAVossYuF" rel="nofollow">http://www.bootply.com/jaAVossYuF</a></p>
<p dir="auto">It works fine in fiddle. I have mentioned the issue there as well.</p>
<p dir="auto">I am in need to use the data-container="body" on tooltips.js but I have tooltips with different colors in different sections of my page. So it is quite hard to set different styles for these. Better would be if one could just append the color inline ... just a thought!</p>