JSFiddle - React, Tailwind, and code Playground

HTML

<div class="tab1">
							<ul class="place">
								<li><img src="http://p.w3layouts.com/demos/furniture_home/web/images/cir.png" alt=""></li>
								<li>Placerat ligula tincidunt</li>
							</ul>
							<p style="display:none;overflow:hidden;">
								Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.
							</p>
						</div>

CSS

ul.place {
							padding: 0;
							margin: 6px 0;
							background: #DC483A;
							width: 100%;
						}
						ul.place li {
							display: inline-block;
							padding: 6px;
							font-size: 1em;
							color: #fff;
							text-decoration: none;
							cursor: pointer;
							font-family: 'Arimo', sans-serif;
						}

JavaScript

var display = $(".tab1 p").css('display','none');
							$(".tab1 ul").on('click',function() {
							 	if (".tab1 p = display") {
								 	$(".tab1 p").fadeIn(500);
								 	}
							 	else {
							 	}

							 	$(".tab1 ul").on('click',function() {
								 	if (".tab1 p != display") {
									 	$(".tab1 p").fadeOut(500);
									 	}
								 	else {

								 	}
								});
							});