JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="boxes" id="gucci">Gucci is awesome!</div>
<div class="boxes" id="versace">Versace is da bomb!</div>
<div class="boxes" id="dolce-gabanna">Dolce & Gabanna is cool!</div>
<p>
	I change my mind:
	<ul>
		<li><a href="javascript:showDiv('gucci')">Gucci</a></li>
		<li><a href="javascript:showDiv('versace')">Versace</a></li>
		<li><a href="javascript:showDiv('dolce-gabanna')">Dolce & Gabanna</a></li>
	</ul>
</p>
  </body>

JavaScript

$(document).ready(function() {
	var brands = 'gucci';
	var url = window.location.search;
	brands = url.match(/filter_brands=(.*)/)[1];
	showDiv(brands);
});
function showDiv(brands) {
	$('.boxes').hide();
	$('#' + brands).show();
}