JSFiddle - React, Tailwind, and code Playground

HTML

<div>Button</div>
<p>On a desktop site this is a hover button, but on a mobile device this is a click/touch button. This is useful for drop-down menus or accordians, anything for revealing content.</p>

CSS

div {
    background-color: blue;
    color: #fff;
    padding: 5px 10px;
    width: 100px;
}
div:hover {
    cursor: pointer;
}
p {
    display: none;
}

JavaScript

var hoverOrClick = function () {
	$('p').toggle();
}
$('div').click(hoverOrClick).hover(hoverOrClick);