JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<dl>
	<dt>What are your hours?</dt>
	<dd>We are open 27/7</dd>
	<dt>What are your hours?</dt>
	<dd>We are open 27/7</dd>
	<dt>What are your hours?</dt>
	<dd>We are open 27/7</dd>
	<dt>What are your hours?</dt>
	<dd>We are open 27/7</dd>
</dl>
</body>

CSS

body{
	width: 500px;
	margin: 0 auto;
	text-align: center;
}

dl{

}

dd{
	margin: 0;
	padding: 1em 0;
}

dt{
	cursor: pointer;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 2em;
	background: #e3e3e3;
	border-bottom: 1px solid #c5c5c5;
	border-top: 1px solid white;
}

dt:first-child{border-top: none;}
dt:nth-last-child(2){border-bottom: none};

.hide{display: none;}

JavaScript

(function(){

	var dd = $("dd");
	dd.hide();

})();