Панель вкладок не работает

---

Я создал страницу product shows. Там была левая боковая панель i show sub category of pruducts, а правая боковая панель show соответствует продукту выбранной подкатегории.
Теперь в правой боковой панели отображаются все товары выбранной и не выбранной подкатегории.

Итак, я не хочу показывать все открытые панели (на правой боковой панели) - только когда я нажимаю соответствующую подкатегорию (на левой боковой панели)?

Что я уже пробовал:

<div class="tabList">
	<div class="tabList-list-wrap">
		<h3 class="widget-title">All Categories</h3>
		<ul class="tabList-list">
			<?php 
				$cate_id = 'Cookware';
				$query=mysqli_query($conn,"SELECT * FROM category WHERE cate='$cate_id'");
                if(mysqli_num_rows($query) > 0){
					while($row = mysqli_fetch_assoc($query)){
						?>
							<li data-tab-select="<?php echo $row['Sub-Cate'];?>" class="tabList-list-item"><?php echo $row['Sub-Cate'];?></li>
						<?php 
                    }
                }
            ?>
		</ul>  
	</div>
	<div class="tabList-content">
		<?php 
            $cate_id = 'Cookware';
			$query=mysqli_query($conn,"SELECT * FROM category WHERE cate='$cate_id'");
			if(mysqli_num_rows($query) > 0){
				while($row = mysqli_fetch_assoc($query)){
					?>
						<div data-tab-item="<?php echo $row['Sub-Cate'];?>" class="tabList-tab">
						<header><h2 class="h1"><?php echo $row['Sub-Cate'];?></h2></header>
						<div class="row">
							<?php
							if(isset($row['Sub-Cate'])){
								$subcate= $row['Sub-Cate'];
								$query1=mysqli_query($conn,"select * from product where category='cookware' and sub_cate='$subcate' and status='Y'");
								if(mysqli_num_rows($query1) > 0){
									while($row1 = mysqli_fetch_assoc($query1)){
										?>
										<div class="col-md-4">
											<div class="product first">
												<div class="product-outer">
													<div class="product-coockware">  	
														<h3 class="cookware-name"><?php echo htmlentities($row1['product_name']);?></h3>
														<div class="product-thumbnail">
															<figure>		
																<a href="product-detail.php?id=<?php echo htmlentities($row1['id']);?>" class="new-gri">
																	<div class="grid-img">
																		<img src="admin_panel/product_images/<?php echo htmlentities($row1['product_image1']);?>" class="img-responsive" alt="">
																	</div>
																	<div class="grid-img">
																		<img src="admin_panel/product_images/<?php echo htmlentities($row1['product_image1']);?>" class="img-responsive" alt="">
																	</div>			
																</a>		
															</figure>
														</div>		
														<div class="price-add-to-cart">
															<span class="price">
																<span class="cookware-price">
																	<span class="amount"> Rs.<?php echo htmlentities($row1['price']);?></span>
																	<!--<del><span class="amount">Rs.3500.00</span></del>-->
																	<span class="amount"> </span>
																</span>
															</span>
															<span class="pull-right">
																<a rel="nofollow" href="#" class="button add_to_cart_button">Add to cart</a>
															</span>
														</div><!-- /.price-add-to-cart -->
														<div class="hover-area"></div>
													</div><!-- /.product-inner -->
												</div><!-- /.product-outer -->
											</div><!-- /.product -->
										</div>
										<?php 
									} 
								}else{
									?>
										<h4>No Product Found...</h4>
									<?php
								}
							}
							?>
						</div>
						</div>
					<?php 
                }
            }			
        ?>			
	</div>
</div>

---