JSFiddle - React, Tailwind, and code Playground

by zapaza10

HTML

<div class="wrap_discription_flowers">
  <div class="discription_flowers">
    <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore pariatur repellat aliquid amet nulla adipisci distinctio blanditiis iusto veniam libero nesciunt, ea nam. Debitis placeat dolorem minus numquam repellat, vel.</span>
    <span>Explicabo sit aut atque a earum aspernatur, magni voluptatem similique voluptate distinctio. Molestiae, repellendus aut harum modi. In officiis, qui perspiciatis ducimus omnis ab! Molestias temporibus fuga nihil unde saepe.</span>
    <span>Enim distinctio vitae explicabo, dignissimos blanditiis, architecto repudiandae porro itaque rem quam soluta assumenda accusamus minus quo nisi eos voluptates magnam, ullam laudantium modi quod sequi similique at velit. Atque.</span>
    <span>Quia laborum amet dolore, in explicabo repudiandae cumque quae et accusamus voluptate libero ex exercitationem placeat, itaque, mollitia culpa voluptatum quasi quibusdam harum! Eos ratione rerum, suscipit tenetur tempore harum!</span>
    <span>Inventore distinctio, dignissimos quae ea nam cumque beatae autem eligendi sit veritatis dolore expedita! Itaque dignissimos odit illum commodi laborum dolorum aperiam modi rem laudantium obcaecati quod, sint, sunt perspiciatis.</span>
    <span>Ad delectus quibusdam facilis nemo velit exercitationem autem expedita, earum quam dicta repellendus rem libero, recusandae qui, laboriosam laudantium sapiente commodi fugit hic cupiditate accusantium ea. Ipsa eius unde est.</span>
    <span>Molestias enim deserunt cum. Temporibus aliquid fuga, assumenda doloremque quia, a dolore voluptatibus quas, repellat dolor ad sed veritatis illo pariatur quod odio voluptas vero perspiciatis perferendis itaque. Dignissimos, perspiciatis.</span>
    <span>Aspernatur molestiae, nam aperiam! Doloribus soluta, possimus laudantium quod voluptates alias voluptas sequi iure velit saepe similique fugiat autem reprehenderit magnam a sed accusantium vero...

CSS

.discription_flowers{
  width: 200px;
  height: 100px;
  overflow: hidden;
}

JavaScript

$(".description_dlowers_more").on('click', function(e){
	e.preventDefault();
});