javascript Como iniciar Accordion fechado

[Gabrielvt14 4]

Olá,

 

Tenho na minha página um accordion, está funcionando perfeitamente, porém, quando inicia a página ele ja vem aberto.

O que quero é que ele venha fechado, tem como?

 

HTML:

<div class="bs-example">
    <div class="panel-group" id="accordion">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">TITULO 1</a>
                </h4>
            </div>
            <div id="collapseOne" class="panel-collapse collapse in">
                <div class="panel-body">
                    <ul type="disc">
                    	<li>TEXTO 1</li>		
                    	<li>Texto 2</li>
                    </ul>
                    <i><a href="#"><p>Leia mais</p></a></i>
                </div>
            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Titulo 2</a>
                </h4>
            </div>
            <div id="collapseTwo" class="panel-collapse collapse">
                <div class="panel-body">
                     <ul type="disc">
                    	<li>Texto 1</li>		
                    	<li>Texto 2</li>
                    </ul>
                    <i><a href="h#"><p>Leia mais</p></a></i>
                </div>
            </div>
        </div>
    </div>
</div> 

 

CSS:

/* ACCORDION */

.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEEEEE;
}

.panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #FAFAFA;
	border-color: #EEEEEE;
}

.panel-title {
	font-size: 14px;
}

.panel-title > a {
	display: block;
	padding: 15px;
	text-decoration: none;
}

.more-less {
	float: right;
	color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #EEEEEE;
}

 

JS:

function toggleIcon(e) {
    $(e.target)
        .prev('.panel-heading')
        .find(".more-less")
        .toggleClass('glyphicon-plus glyphicon-minus');
}
$('.panel-group').on('hidden.bs.collapse', toggleIcon);
$('.panel-group').on('shown.bs.collapse', toggleIcon);

 

Desde ja agradeço!

[Snowden 94]

remova a class in

<div id="collapseOne" class="panel-collapse collapse in">

 

[Gabrielvt14 4]

Era isso mesmo @Draco Malfoy. Vlw!