Edit in JSFiddle

$(document).on('ready', function() {
    accordion('#accordion',300);
});

function accordion(element,speed) {
    
    $(element).find('.accordion_item.active > .accordion_item-body').show();
    
    $(element).find('.accordion_item-title').on('click', function(e) {
        e.preventDefault();
        if(!$(this).closest('.accordion_item').hasClass('active')) {
            $(element).find('.accordion_item').removeClass('active');
            $(element).find('.accordion_item-body').slideUp(speed);
            $(this).closest('.accordion_item').addClass('active');
            $(this).next('.accordion_item-body').slideDown(speed);
        }
    });
    
}

<div id="accordion" class="accordion">

	<!-- Accordion Item -->
	<!-- ************************* -->
	<div class="accordion_item active">
		<div class="accordion_item-title">
			<h3>Accordion Item Title</h3>
		</div>
		<div class="accordion_item-body">
			<h4>Accordion Item Body Title</h4> 
			<p>
				Labore possumus hic iudicem, do arbitror de consequat, magna laborum 
				familiaritatem se ingeniis labore ad probant arbitrantur, commodo labore a 
				officia graviterque ab irure consectetur quamquam lorem quamquam, occaecat 
				cillum arbitror commodo, voluptate a vidisse. Fugiat tempor illustriora, et aut 
				arbitrantur iis voluptate quae quorum cupidatat labore, aliqua exquisitaque 
				senserit quorum eiusmod. Malis hic quibusdam qui id probant ubi iudicem, aute o 
				est malis ingeniis ad non laborum fidelissimae a deserunt est legam arbitror ubi 
				quem quamquam ad praetermissum, litteris eu quae, ut quae iudicem aliquip. Ne 
				amet probant graviterque, quae doctrina familiaritatem. Summis consequat 
				doctrina. Illum sed mandaremus iis nulla sed possumus sint te quamquam 
				sempiternum. Quibusdam concursionibus ubi excepteur, ea te enim appellat, nisi 
				se quamquam, ne illum arbitror despicationes.
			</p>
		</div>
	</div>

	<!-- Accordion Item -->
	<!-- ************************* -->
	<div class="accordion_item">
		<div class="accordion_item-title">
			<h3>Accordion Item Title</h3>
		</div>
		<div class="accordion_item-body">
			<h4>Accordion Item Body Title</h4> 
			<p>
				Labore possumus hic iudicem, do arbitror de consequat, magna laborum 
				familiaritatem se ingeniis labore ad probant arbitrantur, commodo labore a 
				officia graviterque ab irure consectetur quamquam lorem quamquam, occaecat 
				cillum arbitror commodo, voluptate a vidisse. 
			</p>
		</div>
	</div>

	<!-- Accordion Item -->
	<!-- ************************* -->
	<div class="accordion_item">
		<div class="accordion_item-title">
			<h3>Accordion Item Title</h3>
		</div>
		<div class="accordion_item-body">
			<h4>Accordion Item Body Title</h4> 
			<p>
				Labore possumus hic iudicem, do arbitror de consequat, magna laborum 
				familiaritatem se ingeniis labore ad probant arbitrantur, commodo labore a 
				officia graviterque ab irure consectetur quamquam lorem quamquam, occaecat 
				cillum arbitror commodo, voluptate a vidisse. Fugiat tempor illustriora, et aut 
				arbitrantur iis voluptate quae quorum cupidatat labore, aliqua exquisitaque 
				senserit quorum eiusmod. Malis hic quibusdam qui id probant ubi iudicem, aute o 
				est malis ingeniis ad non laborum fidelissimae a deserunt est legam arbitror ubi 
				quem quamquam ad praetermissum, litteris eu quae, ut quae iudicem aliquip. Ne 
				amet probant graviterque, quae doctrina familiaritatem. Summis consequat 
				doctrina. Illum sed mandaremus iis nulla sed possumus sint te quamquam 
				sempiternum. 
			</p>
		</div>
	</div>

</div><!-- /end accordion -->

body {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #666;
    width: 80%;
    max-width: 1200px;
    margin: 20px auto;
	background: #fff;
}

h4 {
    font-weight: 800;
}

.accordion_item-title {
    padding: 5px 20px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: aqua;
    background-color: aquamarine;
    cursor: pointer;
    -webkit-transition: background 0.2s ease;
            transition: background 0.2s ease;
}

.accordion_item-title:hover {
    background-color: aqua;
}

.accordion_item:last-child .accordion_item-title {
    border-width: 1px;
}

.accordion_item.active .accordion_item-title {
    padding: 5px 20px;
    background-color: aqua;
}

.accordion_item-title h3 {
    font-size: 1.2em;
    font-weight: 800;
    color: #fff;
    margin: 0;
}

.accordion_item-body {
    display: none;
    padding: 5px 20px;
    border-width: 0 1px;
    border-style: solid;
    border-color: aqua;
    color: #999;
}

.accordion_item.active:last-child .accordion_item-body {
    border-width: 0 1px 1px 1px;
}