collapse hover.txt

<div class="panel-group" id="accordion">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Food</a>
			</h4>
		</div>
		<div id="collapseOne" class="panel-collapse collapse">
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam optio incidunt perspiciatis sint! Tempora architecto dignissimos ducimus similique optio in rerum consequuntur, veniam dolor nesciunt perspiciatis delectus? Dignissimos, vitae laudantium.</p>
			</div>
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Food2</a>
			</h4>
		</div>
		<div id="collapseTwo" class="panel-collapse collapse">
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet consectetur adipisicing elit2.</p>
			</div>
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Food3</a>
			</h4>
		</div>
		<div id="collapseTree" class="panel-collapse collapse">
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet consectetur adipisicing elit3.</p>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
jQuery(function() {
	jQuery('#accordion .panel').hover(function() {
		jQuery(this).find(".panel-collapse").collapse("show");
	}, 
	function() {
		var $collapse = $(this).find(".panel-collapse");
		setTimeout(function(){
			$collapse.collapse("hide");
		},400);
	});
})
</script>