JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="well">
							<ul class="nav nav-list aside-list">
								<li>
									<label class="tree-toggle nav-header">Category <i class="fa fa-caret-down"></i></label>
									<ul class="nav nav-list tree">
										<li><label class="tree-toggle nav-header"><i class="fa fa-plus-square"></i> In id sodales leo</label>
											<ul class="nav nav-list tree">
												<li><label class="tree-toggle nav-header"><i class="fa fa-plus-square"></i> Tortor masa</label>
													<ul class="nav nav-list tree">
														<li><a href="#">Lorem ipsum dolor sit amet</a></li>
														<li><a href="#">Adipiscing elit</a></li>
														<li><label class="tree-toggle nav-header"><i class="fa fa-plus-square"></i> Integro commodo</label>
															<ul class="nav nav-list tree">
																<li><a href="#">Colors</a></li>
																<li><a href="#">Sizes</a></li>
															</ul>
														</li>
													</ul>
												</li>
											</ul>
										</li>
									</ul>
								</li>
								<li class="divider"></li>
								<li><label class="tree-toggle nav-header">Category Name <i class="fa fa-caret-down"></i></label>
									<ul class="nav nav-list tree">
										<li><label class="tree-toggle nav-header"><i class="fa fa-plus-square"></i> In id sodales leo</label>
											<ul class="nav nav-list tree">
												<li><a href="#">Colors</a></li>
												<li><a href="#">Sizes</a></li>
												<li><label class="tree-toggle nav-header"><i class="fa fa-plus-square"></i> Tortor masa</label>
													<ul class="nav nav-list...

CSS

.tree {display: none}

JavaScript

$('.tree-toggle').click(function () {
		$(this).parent().children('ul.tree').toggle(1);
		$(this).parent().toggleClass('active');
	});
	
	$('.aside-list li').click(function(){
		$(this).children('label').children('i').toggleClass('fa-plus-square fa-minus-square')
		$(this).children('label').children('i').toggleClass('fa-caret-up fa-caret-down')
	});