CODEWITHSUNDEEP
jquerycss
Joseph
Joseph

Reputation: 73

How to close a collapse with a button

How do you collapse a collapse with a button?

<div class="container">
    <div class="col-md-4">

    <button class="btn btn-default" data-toggle="collapse" data-target="#contents" type="button">
            Collase stuff
        </button>
        <div class="collapse" id="contents">
            Some content
        </div>
        <button id="cls">CLose</button>
    </div>

</div>

i also tried it with javascript

$(document).click(function(e){
        if(!$(e.target).is('#cls')){
            $('.collapse').collapse('hide');
        }
    });

Upvotes: 0

Views: 303

Answers (1)

Santu Roy
Santu Roy

Reputation: 197

You have written the condition if e.target is not equal to the close button then execute, which is not correct. So just remove "!" from the if condition.

$(document).click(function(e){
    if($(e.target).is('#cls')){
        $('.collapse').collapse('hide');
    }
});

Upvotes: 1

Related Questions