CODE

<!-- If you have already use jquery, then this line is not necessary-->
<script src="js/jquery-1.11.1.min.js"></script>

<!-- Bootstrap collapse-->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- Plugins files-->
<link rel="stylesheet" href="css/liShopen.css">
<link rel="stylesheet" href="css/liShopen-theme-1.css">
<script src="js/jquery.liShopen.js"></script> 


<!-- Initialization of plugin -->
<script>
$(function(){
	$('.menuShopen').liShopen();
})
</script> 


<!-- HTML code-->
<button class="btn btn-primary btn-lg" data-toggle="collapse" data-target="#collapseWrap">Collapsible</button>
<div id="collapseWrap" class="collapse">
	<ul class="menuShopen">
		<li><a href="#">Clicable link 1</a></li>
		<li><a href="#">Clicable link 2</a>
			<ul>
				<li><a href="#">Clicable link 2.1</a></li>
				<li><a href="#">Clicable link 2.2</a></li>
				<li><a href="#">Clicable link 2.3</a>
					<ul>
						<li><a href="#">Clicable link 2.3.1</a></li>
						<li><a href="#">Clicable link 2.3.2</a></li>
						<li><a href="#">Clicable link 2.3.3</a></li>
						<li><a href="#">Clicable link 2.3.4</a></li>
					</ul>
				</li>
				<li><a href="#">Clicable link 2.4</a></li>
			</ul>
		</li>
		<li><a href="#">Clicable link 3</a></li>
		<li><a href="#">Clicable link 4</a></li>
	</ul>
</div>