How to make a collapsible Div collapsed by default on page load using Twitter Bootsrap -
i have collapsible div on web page works fine when toggling between collaplse:
the problem when web page loads "plcollapse" div opened default.
how can closed div on page load
<button type="button" class="btn btn-success" data-toggle="collapse" data-target="#plcollapse"> create list </button> <br/> <br/> <div id="plcollapse" class="collapse in"> <form > <fieldset> <div class="control-group"> <label for="title">title</label> <input type="text" class="form-control" ng-model="pltitle" value="{{pltitle}}" id="titleinput" placeholder="enter title"> </div> <div class="control-group"> <label for="description">description</label> <input type="text" class="form-control" ng-model="pldescription" value="{{pldescription}}" id="descriptioninput" placeholder="enter description"> </div> <div class="control-group"> <label>add 1 or more ...</label> <textarea id="videolist" ng-model="videolist" value="" style="width:40%"></textarea> <a ng-click="arrangeplaylistvideos()">click here arrange videos</a> </div> <button type="submit" class="btn btn-success" ng-click="createplaylist()">submit</button> </fieldset> </form> </div>
try removing class "in" div
<div id="plcollapse" class="collapse"> ----- </div>
Comments
Post a Comment