Desktop:

 

Mobile:

 

<div class="element-holder tab-area-styled">
    <div class="open-close-1">
        <a class="opener-1" href="#">ReadMore</a>
        <div class="slide-1">
            <!-- tabs switcher -->
            <ul class="tabset">
                <li class="active"><a class="opener" href="#tab1">Tab Item 01</a></li>
                <li><a class="opener" href="#tab2">Tab Item 02</a></li>
                <li><a class="opener" href="#tab3">Tab Item 03</a></li>
            </ul>
        </div>
        <!-- tabs content holder -->
        <div class="tab-content">
            <div id="tab1">
                <h5>HEADING 5</h5>
                <p>Nullam sodales mi interdum, accumsan enim id, commodo nisi. Aenean non quam a turpis interdum vehicula sed non tortor. Nulla at facilisis nibh. Proin in augue sapien. Etiam velit ipsum, luctus non venenatis vitae, congue vitae justo. Donec semper nunc eget elit sagittis ultrices. Praesent quis ligula sit amet urna ultrices hendrerit. Duis scelerisque felis nec felis facilisis, mattis varius enim commodo. Curabitur cursus sollicitudin tristique. Praesent massa mi, posuere nec hendrerit in, euismod sit amet arcu. </p>
            </div>
            <div id="tab2">
                <h5>HEADING 5</h5>
                <p>Nullam sodales mi interdum, accumsan enim id, commodo nisi. Aenean non quam a turpis interdum vehicula sed non tortor. Nulla at facilisis nibh. Proin in augue sapien. Etiam velit ipsum, luctus non venenatis vitae, congue vitae justo. Donec semper nunc eget elit sagittis ultrices. Praesent quis ligula sit amet urna ultrices hendrerit. Duis scelerisque felis nec felis facilisis, mattis varius enim commodo. Curabitur cursus sollicitudin tristique. Praesent massa mi, posuere nec hendrerit in, euismod sit amet arcu. </p>
            </div>
            <div id="tab3">
                <h5>HEADING 5</h5>
                <p>Nullam sodales mi interdum, accumsan enim id, commodo nisi. Aenean non quam a turpis interdum vehicula sed non tortor. Nulla at facilisis nibh. Proin in augue sapien. Etiam velit ipsum, luctus non venenatis vitae, congue vitae justo. Donec semper nunc eget elit sagittis ultrices. Praesent quis ligula sit amet urna ultrices hendrerit. Duis scelerisque felis nec felis facilisis, mattis varius enim commodo. Curabitur cursus sollicitudin tristique. Praesent massa mi, posuere nec hendrerit in, euismod sit amet arcu. </p>
            </div>
        </div>
    </div>
</div>