JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://anubisfiles.com/test/js/jquery-1.9.1.js"></script>
<script src="http://anubisfiles.com/test/js/productos.js"></script>
<script src="http://anubisfiles.com/test/js/jquery.mixitup.productos.js"></script>
<link rel="stylesheet" href="http://anubisfiles.com/test/css/filtroproductos.css">
<section>
		<div class="wrapper wf">
			<ul id="Parks" class="just">
<!--------------- PRODUCT -->
				<li class="mix" href="#one" >
				<div class="meta name">
						<div class="img_wrapper">
							<img src="images/image.jpg" onload="imgLoaded(this)"/>
						</div>
						<div class="titles">
							<h2>TITLE</h2>
						</div>
					</div>
                    <!-- Expand -->
					<div href="#one" class="nav-toggle"></div>
					<div id="one" style="display:none">
				<article class="ac-small">
       			 SUBCONTENT<br><br><br><br><br><br><br><br><br><br><br><br>
      			 </article>
				</div>
</li> 
<!--------------- PRODUCT -->
				<li class="mix" href="#two" >
				<div class="meta name">
						<div class="img_wrapper">
							<img src="images/image.jpg" onload="imgLoaded(this)"/>
						</div>
						<div class="titles">
							<h2>TITLE</h2>
						</div>
					</div>
                    <!-- Expand -->
					<div href="#two" class="nav-toggle"></div>
					<div id="two" style="display:none">
				<article class="ac-small">
       			 SUBCONTENT<br><br><br><br><br><br><br><br><br><br><br><br>
      			 </article>
				</div>
</li> 
<!--------------- PRODUCT -->
<!--------------- PRODUCT -->
				<li class="mix" href="#three" >
				<div class="meta name">
						<div class="img_wrapper">
							<img src="images/image.jpg" onload="imgLoaded(this)"/>
						</div>
						<div class="titles">
							<h2>TITLE</h2>
						</div>
					</div>
                    <!-- Expand -->
					<div href="#three" class="nav-toggle"></div>
					<div id="three" style="display:none">
				<article class="ac-small">
       			 SUBCONTENT<br><br><br><br><br><br><br><br><br><br><br><br>
      			...

JavaScript

$(document).ready(function() {
	$('.meta').click(function() {
   	  $(this).css('background', 'none');
 		});		
		  $('.mix').click(function(){
			var collapse_content_selector = $(this).attr('href');
 			var toggle= $(this);
			$('.meta').click(function() {
    		 $(this).css('background', 'url(images/arrow_down.png) no-repeat scroll 95% 97% transparent');
 			});							
			$(collapse_content_selector).toggle(function(){
			});
			
			
			$('.meta').click(function() {
   	  $(this).css('background', 'none');
 		});	
		
		
		
		
			
		  });
		});