Como iniciar Accordion fechado

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!