JSFiddle - React, Tailwind, and code Playground

by dizpers

HTML

<input type="button" value="Go" />
<div id="res">
    <span id="mail.ru">
        <a href="#" id="getInfo" onclick="return false;">Info</a>
    </span>
</div>

<div id="info-mail.ru">
    <p class="domain-info">
        Some cool info
        Some cool info
        Some cool info
        Some cool info
    </p>
</div>

CSS

#res {
    width: 200px;
    height: 200px;
    background: #FFDCEE;
}

.domain-info {
    display: none;
}

JavaScript

$('input:button').click(function(){
$('#info-mail.ru .domain-info').toggle();
});

$('#getInfo').click(function(){
            var dmnName  = $(this).parent().attr('id');
            $('#info-'+dmnName + ' .domain-info').toggle();
});