JSFiddle - React, Tailwind, and code Playground

by adishardis

HTML

<div id="info2"style="min-height:360px;background-color:#fff;float:left;border-radius:5px;"></div>
        <div id="info3"style="min-height:360px;max-width:50%;width:460px;background-color:#8f8f8f;float:left;border-radius:5px;">
        <div class="gommare"id="gommare"style="height:25px;width:85px;background-color:#fff;float:left;margin:5px 5px 0px 5px;border-radius:5px;"><h1 style="margin:5px;text-align:center;">visa</h1></div>
        <div class="gom"style="visibility:visible;height:25px;width:360px;background-color:#fff;float:left;margin:5px 5px 0px 0px;border-radius:5px;"><p style="margin:5px;text-align:center;">Telia > Mobilt bredband > Oadresserat</p></div>
        <div id="snitt"style="height:347px;width:85px;background-color:#fff;float:left;border-radius:5px;margin:5px;"><p style="margin:5px;text-align:center;">Snitt:</p><img src="/portalen/img/agg.png" style="margin-top:20px;"alt="MCI" wIdth="83" height="258" border="0"></div>

JavaScript

$(".gom").hide();
$(".gommare").click(function() {
    $(this).nextAll(".gom").toggle("fast");
});