JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sluzby-nabidka" class="section">
        <div class="sluz"><a href="#" data-slide-id="#slidingDiv">div 1</a></div>
        <div class="sluz"><a href="#" data-slide-id="#slidingDiv_2">div 2</a></div>
        <div class="sluz"><a href="#" data-slide-id="#slidingDiv_3">div 3</a></div>
        <div class="sluz"><a href="#" data-slide-id="#slidingDiv_4">div 4</a></div>
        <div class="sluz"><a href="#" data-slide-id="#slidingDiv_5">div 5</a></div>


      </div>



      <div id="text-sluzba" class="section">

<div id="slidingDiv" class="slide-div">1</div>
<div id="slidingDiv_2" class="slide-div" style="display:none;">2</div>
<div id="slidingDiv_3" class="slide-div" style="display:none;">3</div>
<div id="slidingDiv_4" class="slide-div" style="display:none;">4</div>
<div id="slidingDiv_5" class="slide-div" style="display:none;">5</div>

      </div>

JavaScript

$.fn.showHide = function (options) {

    //default vars for the plugin
    var defaults = {
        speed: 1000,
        easing: '',
        changeText: 0,
        showText: 'Show',
        hideText: 'Hide',
        slideDiv: '.slide-div'
    };
    var options = $.extend(defaults, options);

    return this.each(function () {
        $(this).click(function () {
            $(options.slideDiv).hide();
            // this var stores which button you've clicked
            var toggleClick = $(this),
                toggleDiv = $(this).data('slide-id');
            // here we toggle show/hide the correct div at the right speed and using which easing effect
            $(toggleDiv).fadeToggle(options.speed, options.easing, function () {
                // this only fires once the animation is completed
                // if(options.changeText==0){
                //$(toggleDiv).is(":visible") ? toggleClick.text(options.hideText) : toggleClick.text(options.showText);
                //}

            });


        });

    });

};

$('a').showHide({'slideDiv' : '.slide-div'});