accordion customize

accordion code

html code::
<div class="panel-group" id="accordion">
		<div class="panel panel-default">
			<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsetwo">
				<div class="panel-title">
					<p></p>
				</div>
			</a>
			<div id="collapsetwo" class="panel-collapse collapse">
				<div class="panel-body">
					<p></p>
				</div>
			</div>
		</div>
		<div class="panel panel-default">
			<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsethree">
				<div class="panel-title">
					<p></p>
				</div>
			</a>
			<div id="collapsethree" class="panel-collapse collapse">
				<div class="panel-body">
					<p></p>
				</div>
			</div>
		</div>
		<div class="panel panel-default">
			<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsefour">
				<div class="panel-title">
					<p></p>
				</div>
			</a>
			<div id="collapsefour" class="panel-collapse collapse">
				<div class="panel-body">
					<p></p>
				</div>
			</div>
		</div>
		<div class="panel panel-default">
			<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsefive">
				<div class="panel-title">
					<p></p>
				</div>
			</a>
			<div id="collapsefive" class="panel-collapse collapse">
				<div class="panel-body">
					<p></p>
				</div>
			</div>
		</div>
	</div>
     
     
css code::

.panel a.collapsed .panel-title i.open-accordion,
.panel .panel-title i.close-accordion {
	display: none;
}

.panel a.collapsed .panel-title i.close-accordion {
	display: block;
}