JSFiddle - React, Tailwind, and code Playground

HTML

<div id="resalers-area">
    	<h3><label title="" class="hasTip" for="jform_revendeurs" id="jform_revendeurs-lbl">Revendeurs</label></h3>

    <input type="text" class="inputbox" value="" id="jform_revendeurs" name="jform[revendeurs]"
    /> <a title="Afficher la Liste des Revendeurs" href="#show-resalers"
    rel="show-resalers">Afficher la Liste des Revendeurs</a>

    <div id="resalers-block">
        <ul class="left">
            <li class="resale-checkbox">
                <input type="checkbox" value="1" /><span>Etam</span>

            </li>
            <li class="resale-checkbox">
                <input type="checkbox" value="3" /><span>Revendeur 3</span>

            </li>
        </ul>
        <ul class="right">
            <li class="resale-checkbox">
                <input type="checkbox" value="2" /><span>PRINTEMPS HAUSSMANN</span>

            </li>
        </ul>
    </div>
</div>

CSS

div#resalers-block {
    width: 50%;
}
li.resale-checkbox {
    display: block;
    margin: auto;
    padding-right: 1.5em;
    width: 100%;
}
li.resale-checkbox input {
    margin: 0;
}
li.resale-checkbox span {
    margin-left: 10%;
}
input#jform_revendeurs, #resalers-block {
    display: none;
}

JavaScript

// NE FONCTIONNE PAS
/*
$('a[rel="show-resalers"]').click(function () {
    $('#resalers-block').attr('style', 'display: block;');
    $(this).attr('rel', 'hide-resalers').text('Masquer la Liste des Revendeurs').attr('title', 'Masquer la Liste des Revendeurs');
    var href = $(this).attr('href');
    var new_href = href.replace('#show-resalers', '#hide-resalers');
    $(this).attr('href', new_href);
});

$('a[rel="hide-resalers"]').click(function () {
    $('#resalers-block').attr('style', 'display: none;');
    $(this).attr('rel', 'show-resalers').text('Afficher la Liste des Revendeurs').attr('title', 'Afficher la Liste des Revendeurs');
    var href = $(this).attr('href');
    var new_href = href.replace('#hide-resalers', '#show-resalers');
    $(this).attr('href', new_href);
});
*/

// NE FONCTIONNE PAS NON PLUS
$('a[rel="show-resalers"]').on({
    click: function () {
        $('#resalers-block').attr('style', 'display: block;');
        $(this).attr('rel', 'hide-resalers').text('Masquer la Liste des Revendeurs').attr('title', 'Masquer la Liste des Revendeurs');
        var href = $(this).attr('href');
        var new_href = href.replace('#show-resalers', '#hide-resalers');
        $(this).attr('href', new_href);
    }
});

$('a[rel="hide-resalers"]').on({
    click: function () {
        $('#resalers-block').attr('style', 'display: none;');
        $(this).attr('rel', 'show-resalers').text('Afficher la Liste des Revendeurs').attr('title', 'Afficher la Liste des Revendeurs');
        var href = $(this).attr('href');
        var new_href = href.replace('#hide-resalers', '#show-resalers');
        $(this).attr('href', new_href);
    }
});