JSFiddle - React, Tailwind, and code Playground

HTML

A test of a <span class="spoiler" onclick="$(this).next().children().toggleVisibility()">(click to show/hide)</span>

<div class="spoiler">
    <div class="bbc_spoiler" style="visibility: hidden;">inline spoiler</div>
</div>that does not require a block

CSS

.spoiler, .bbc_spoiler {
    display: inline;
}

JavaScript

$.fn.toggleVisibility = function () {
    return this.css('visibility', function (i, visibility) {
        return (visibility == 'visible') ? 'hidden' : 'visible';
    });
};