How to manage bootstrap V3 class when you click outside area?

JavaScript
1

I like a demo like http://www.bootply.com/jDrg0bMiiV

It will show up a standard toggle.

How to manage bootstrap V3 class called class=“open” when you click outside area and execute class class=“collapsed”?

Script is the following as a source:

<div class="panel-group" id="accordionMessagesSetup">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionMessagesSetup" href="#collapseMessagesSetup">
                                    <span class="glyphicon glyphicon-chevron-up"></span>
                                    Message Setup
                                </a>
                            </h4>
                        </div>
                        <div id="collapseMessagesSetup" class="panel-collapse collapse in">
                            <div>
                                <p style="background-color: red"> Someting ELSE in here</p>
                                <p style="background-color: red"> Someting ELSE2 in here</p>
                            </div>
                        </div>
                    </div>
                </div>
2

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.