JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
<span class="bouton" id="bouton_texte1">Pré conférence 1</span>

<span class="bouton" id="bouton_texte2">Pré conférence 2</span>

<span class="bouton" id="bouton_texte3">Pré conférence 3</span>

<span class="bouton" id="bouton_texte4">Pré conférence 4</span>

<span class="bouton" id="bouton_texte5">Pré conférence 5</span>

</div>
<div id="wrapper">
    <div id="texte1" class="texte1">Conf 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nisl. Phasellus quis nulla sit amet leo pretium tincidunt. Quisque eleifend augue quis urna. Curabitur rhoncus quam ac odio. In a nisi et purus fermentum aliquet. Donec sed leo aliquet lacus sollicitudin rhoncus. Duis ultricies euismod odio. Suspendisse potenti. Cras interdum, diam quis porta interdum, elit urna tincidunt ipsum, quis pharetra sem dui ac tortor. Cras lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ipsum. Aliquam volutpat turpis at ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        <br />
        <br />Nullam in est vel dui dignissim pretium. Vestibulum at augue. Quisque pellentesque leo id mauris. Sed elit felis, posuere in, pharetra at, auctor vitae, massa. Nam faucibus ipsum eget libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum. In hac habitasse platea dictumst. Nunc interdum massa nec mi. Donec luctus nunc ac odio. Nulla id metus vel augue placerat elementum. Duis et lectus ut libero porttitor dictum. Aliquam faucibus, magna pharetra bibendum suscipit, mi libero vehicula enim, ornare tristique odio est eget tellus. Maecenas arcu nisl, dictum sit amet, luctus sit amet, tincidunt tincidunt, mauris. Cras purus lacus, hendrerit et, rhoncus et, dictum vel, tellus. Aliquam erat volutpat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam arcu ante, sagittis a, posuere ultrices, adipiscing in, quam. Integer facilisis suscipit ante. Proin sit amet leo.
       ...

CSS

#bouton_texte1 {
    color:#0000ff;
    font-size:24px;
    cursor:pointer;
    border-radius: 5px;
    border: 1px solid;
    margin: 17px;
}
#bouton_texte2 {
    color:#0000ff;
    font-size:24px;
    cursor:pointer;
    border-radius: 5px;
    border: 1px solid;
    margin: 17px;
}
#bouton_texte3 {
    color:#0000ff;
    font-size:24px;
    cursor:pointer;
    border-radius: 5px;
    border: 1px solid;
    margin: 17px;
}
#bouton_texte4 {
    color:#0000ff;
    font-size:24px;
    cursor:pointer;
    border-radius: 5px;
    border: 1px solid;
    margin: 17px;
}
#bouton_texte5 {
    color:#0000ff;
    font-size:24px;
    cursor:pointer;
    border-radius: 5px;
    border: 1px solid;
    margin: 17px;
}
.texte1 {
    border:1px solid #333333;
    background:#eeeeee;
    padding:10px;
    color:#333333;
    position:absolute;
}
.texte1:hover {
    border:1px solid #000000;
    background:#cccccc;
    color:#000000;
}
.texte2 {
    border:1px solid #333333;
    background:#eeeeee;
    padding:10px;
    color:#333333;
    position:absolute;
}
.texte2:hover {
    border:1px solid #000000;
    background:#cccccc;
    color:#000000;
}
.texte3 {
    border:1px solid #333333;
    background:#eeeeee;
    padding:10px;
    color:#333333;
    position:absolute;
}
.texte3:hover {
    border:1px solid #000000;
    background:#cccccc;
    color:#000000;
}
.texte4 {
    border:1px solid #333333;
    background:#eeeeee;
    padding:10px;
    color:#333333;
    position:absolute;
}
.texte4:hover {
    border:1px solid #000000;
    background:#cccccc;
    color:#000000;
}
.texte5 {
    border:1px solid #333333;
    background:#eeeeee;
    padding:10px;
    color:#333333;
    position:absolute;
}
.texte5:hover {
    border:1px solid #000000;
    background:#cccccc;
    color:#000000;
}
#wrapper {
    position:relative;
}

JavaScript

$(function () {
    $('[id^="texte"]').hide();
    $('#texte1').show();
    $('.bouton').on('click', function () {
        id = $(this).attr('id').match(/\d/);

        $('[id^="texte"]').hide();
        $('#texte' + id).show();

    });
});